HTML5技術(shù)在移動應(yīng)用開發(fā)中的應(yīng)用及前景

朱曉慶，陳 庚，何毅平，吳元杰

（長江工程職業(yè)技術(shù)學(xué)院 湖北 武漢 430212）

1 引言

移動互聯(lián)網(wǎng)技術(shù)是信息技術(shù)快速發(fā)展的重要表現(xiàn)，有效地將智能手機(jī)與移動互聯(lián)技術(shù)進(jìn)行結(jié)合。目前在信息技術(shù)快速發(fā)展的影響下，互聯(lián)網(wǎng)技術(shù)已經(jīng)滲透到各個領(lǐng)域，相較于傳統(tǒng)互聯(lián)網(wǎng)技術(shù)，移動互聯(lián)網(wǎng)能夠通過移動設(shè)備滿足人們的需求，具有較強(qiáng)的移動性，不受區(qū)域的影響。隨著不斷對互聯(lián)網(wǎng)技術(shù)的開發(fā)，使越來越新的技術(shù)面向大眾，而HTML5技術(shù)是一種能夠呈現(xiàn)互聯(lián)網(wǎng)內(nèi)容與對網(wǎng)頁文檔進(jìn)行描述與構(gòu)建的技術(shù)。隨著互聯(lián)網(wǎng)對HTML5技術(shù)的深入研究與應(yīng)用，能夠?qū)⑵鋬?yōu)勢最大限度地發(fā)揮出來，同時也促進(jìn)了互聯(lián)網(wǎng)技術(shù)的發(fā)展。HTML5技術(shù)對于互聯(lián)網(wǎng)而言，該技術(shù)是傳統(tǒng)互聯(lián)網(wǎng)技術(shù)的創(chuàng)新與改革，從而受到廣大應(yīng)用開發(fā)人員的重視。本文對HTML5技術(shù)在移動應(yīng)用開發(fā)中的應(yīng)用及前景進(jìn)行深入剖析。

2 HTML5技術(shù)的新特性

2.1 本地緩存數(shù)據(jù)庫離線存儲(oWeb storage)

①HTML5的Web storage API是可以直接用來進(jìn)行線或離線處理數(shù)據(jù)庫的本地緩存,在緩存處理完畢之后，系統(tǒng)會自動重新生成一個簡單的列表清單歸檔文件(manifestfile),這個簡單的列表清單歸檔文件其實(shí)也就是一系列的url表和列表清單文件,這些列的url分別被用于指向各個網(wǎng)站的各頁面目錄中的所有HTML、css、Javascrpit、圖像等相關(guān)數(shù)據(jù)內(nèi)容。②Indexed DB。它是HTML5的另一種數(shù)據(jù)存儲模式,主要幫助Web 應(yīng)用把比較復(fù)雜的信息和數(shù)據(jù)保留在本地的存儲中。一個獨(dú)立的區(qū)域名字就可以為我們建立很多“數(shù)據(jù)庫”,每個“數(shù)據(jù)庫”都可以為我們建立很多“表“,每個表也就是可以為我們建立很多不同類型的Json對象[2]。

2.2 設(shè)備硬件訪問

①Geolocation APl?？梢苿拥?web 應(yīng)用程序可以在手機(jī)上靈活地使用,通過GPS、Wi-Fi 等移動智能終端的定位模式,快速地獲取到該終端的準(zhǔn)確位置。②DeviceOrientation API。該APl讓W(xué)eb 應(yīng)用能夠訪問到終端上的一臺陀螺儀,把設(shè)備的使用方向以及手機(jī)上的移動資料進(jìn)行搜索和采集,還能夠配合Capture API讓開發(fā)者實(shí)現(xiàn)豐富多樣的地圖、導(dǎo)航以下各種類型的應(yīng)用。③Media Capture APl。HTML5的mediacaptureapiac可以對于一個移動電話終端上正在使用視頻攝像頭的所有可編程視頻應(yīng)用程序進(jìn)行自動訪問,例如有些用戶能夠通過一個getusermediac的方法調(diào)用來自動實(shí)現(xiàn)自動訪問，并獲得該應(yīng)用圖像頭所有的需要用戶提供的視頻卡頓流。

2.3 圖像繪制及渲染Canvas

①Canvas的繪圖應(yīng)用生成軟件和繪圖編程工具接口提供給Web繪圖應(yīng)用的各種繪圖標(biāo)簽功能已經(jīng)提供了十多種繪圖方法,用戶在一個已經(jīng)成功使用了各種Canvas繪圖作為一個繪圖標(biāo)簽的軟件Web繪圖應(yīng)用中就已經(jīng)能夠動態(tài)地進(jìn)行創(chuàng)建和編輯生成各種不同圖形的靜態(tài)影像以及各種圖形動畫。②WebGL。開發(fā)者用戶可以通過使用webgl公司提供的自動技術(shù)應(yīng)用解決案例方案，即可在一個網(wǎng)頁上自動生成多個物體上的立體化繪圖形象，進(jìn)行了3D展示。其自動繪圖技術(shù)特點(diǎn)之一是能夠具有直接利用移動終端連接設(shè)備的自動圖形圖像處理器繪圖能力。Canvas和l和WebGL的廣泛引入已經(jīng)讓許多Webg的應(yīng)用程序無需額外借助其他開發(fā)插件，就已經(jīng)能夠輕松實(shí)現(xiàn)優(yōu)秀的圖形繪圖與圖像渲染。

2.4 多媒體播放

①在HTML5中,增加了＜audio＞、＜video＞等音頻標(biāo)簽,可以直接實(shí)現(xiàn)了在如vwebl等網(wǎng)頁中直接插入對其他音頻、視頻的實(shí)時顯示和視頻播放器的功能,可以根據(jù)需要直接使用其他音頻插件(其中例如flash)。音頻同時支持諸如oggvorbis、mp3、aac和以及WebM等多種音樂格式,視頻也同時支持諸如OggTheora、MPEG4、H.264和WebM格式[3]。

2.5 腳本運(yùn)行效率

oWeb Worker HTML5還首次提出了線程的處理概念,通過描述Web Worker為Web的應(yīng)用程序提供多線程處理支持。Web Worker的主要基本特點(diǎn)功能有：它們分別能夠同時實(shí)現(xiàn)較長時間的高速運(yùn)行(實(shí)時反饋)、理想的實(shí)時啟動和停啟動性能、理想的最低內(nèi)存流量消耗。Web Worker使得網(wǎng)站設(shè)計(jì)開發(fā)者不僅可以把所有那些需要很長或者一段時間才能執(zhí)行的分析數(shù)據(jù)和處理計(jì)算機(jī)的工作，都直接放在網(wǎng)站的一個后臺系統(tǒng)來進(jìn)行實(shí)現(xiàn),并且可以保證網(wǎng)站上的頁面對于網(wǎng)站用戶需求進(jìn)行及時性的反饋和快速響應(yīng)。

3 HTML5技術(shù)在移動應(yīng)用開發(fā)中的應(yīng)用

3.1 在手機(jī)與平板領(lǐng)域的應(yīng)用

隨著HTML5 技術(shù)在我國智能手機(jī)與智能平板等電子領(lǐng)域的廣泛普及，未來大部分智能手機(jī)與平板電腦能夠?qū)TML5 技術(shù)進(jìn)行完全支持，而隨著“云手機(jī)”概念提出，將HTML5 技術(shù)推向了全新的發(fā)展階段。“云手機(jī)”是未來手機(jī)發(fā)展的新方向，其主要是將用戶的應(yīng)用數(shù)據(jù)與個人數(shù)據(jù)傳入個人云端，當(dāng)用戶對某一軟件進(jìn)行使用時，只需要通過數(shù)據(jù)加載即可?！霸剖謾C(jī)”概念的首次提出在4G網(wǎng)絡(luò)普及之前，由于受網(wǎng)速、網(wǎng)絡(luò)普及率等因素的影響，使“云手機(jī)”只是一個暢想，但隨著5G網(wǎng)絡(luò)的發(fā)展，“云手機(jī)”再次迎來了發(fā)展的新時期，同時HTML5 技術(shù)也成為“云手機(jī)”的重要技術(shù)支持，因此HTML5 技術(shù)未來發(fā)展前景廣闊。

3.2 在電視領(lǐng)域的應(yīng)用

現(xiàn)階段，與傳統(tǒng)的電視相比，智能電視發(fā)展也越來越廣泛。智能電視中相關(guān)應(yīng)用程序是獨(dú)立的。在多數(shù)電視中也已經(jīng)安裝了Android、YunOS等系統(tǒng)。在很多網(wǎng)絡(luò)用戶的眼中，智能電視和智能手機(jī)的功能基本一致。海信在2013年推出的智能電視中，便已經(jīng)應(yīng)用了WebOS系統(tǒng),這一系統(tǒng)是由HTML5設(shè)計(jì)研發(fā)的，該系統(tǒng)中具有影視資源推送、用戶觀看記錄等功能，同時還緩解了智能電視中存在內(nèi)存小、不能安裝體積較大的應(yīng)用程序等問題。智能電視是一種娛樂性質(zhì)的工具，同時還具有游戲等功能。HTML5開發(fā)設(shè)計(jì)的游戲有內(nèi)存小、體積小、畫面美觀以及有較強(qiáng)的互動性等特征。社交類型的數(shù)據(jù)可以進(jìn)行實(shí)時交換的功能，用戶可以用其進(jìn)行游戲和娛樂。

3.3 在車載領(lǐng)域的應(yīng)用

將HTML5 技術(shù)應(yīng)用到車載娛樂系統(tǒng)中，已經(jīng)成為首要開發(fā)項(xiàng)目，由于該技術(shù)對硬件需求較低，研發(fā)成本投入較少，致使該技術(shù)在車載領(lǐng)域中受到廣泛歡迎。HTML5 技術(shù)除了能夠研發(fā)出智能交互系統(tǒng)，還能夠?qū)ο到y(tǒng)進(jìn)行升級維護(hù)。QNX公司在2012年首次推出了全球能夠運(yùn)行HTML5 技術(shù)的CAR2車載娛樂系統(tǒng)解決方案，歷經(jīng)7年的不斷研究，HTML5 技術(shù)在車載娛樂方面的發(fā)展逐漸趨向成熟與完善，同時使車載系統(tǒng)更加智能化與輕量化?，F(xiàn)如今，車載系統(tǒng)全方位實(shí)施主要應(yīng)用在手機(jī)與平板中的HTML5技術(shù)，使車載應(yīng)用系統(tǒng)能夠根據(jù)位置實(shí)時共享與傳輸信息技術(shù)，對智能導(dǎo)航、車速監(jiān)測以及車外環(huán)境監(jiān)測進(jìn)行了實(shí)現(xiàn)。

4 HTML5技術(shù)在移動應(yīng)用開發(fā)中的應(yīng)用前景

4.1 更易被接受的廣告投放形式

大眾一直對移動應(yīng)用與電視應(yīng)用所推送的廣告保持著抵觸的態(tài)度，而HTML5 技術(shù)對這一現(xiàn)象進(jìn)行改變，對于智能電視領(lǐng)域的廣告投放，可采取HTML5 技術(shù)進(jìn)行投放，不僅不會使用戶的觀看體驗(yàn)受到影響，還會保證投放效果。

4.2 分屏共享

由于HTML5 技術(shù)的平臺跨越性比較強(qiáng)，能夠?qū)崿F(xiàn)分屏共享，同時“一機(jī)多用”以及同臺播放設(shè)備可對不同家庭成員的需求進(jìn)行滿足[4]。

4.3 在線視頻

隨著我國人民的法律意識越來越強(qiáng)，版權(quán)保護(hù)不斷地受到重視，這給手機(jī)或電視用戶帶來了不便。例如每個電視節(jié)目的所有版權(quán)都是固定的，客戶需要通過多個收看終端來收看視頻。由于HTML5技術(shù)可以投屏在電視上觀看，運(yùn)用大屏收看在電視端收看視頻節(jié)目，選擇某一個瀏覽器，就能觀看到較多網(wǎng)站的視頻影像，在豐富客戶體驗(yàn)的同時有效減少運(yùn)行成本。

5 結(jié)語

綜上，HTML5技術(shù)在移動應(yīng)用開發(fā)方面具有較強(qiáng)的適應(yīng)性，同時對瀏覽器對于flash插件的依賴進(jìn)行有效抵消，促進(jìn)了互聯(lián)網(wǎng)未來模式的發(fā)展與成熟，同時也使互聯(lián)網(wǎng)技術(shù)得到創(chuàng)新。隨著HTML5技術(shù)的不斷完善與創(chuàng)新，使其在移動應(yīng)用的開發(fā)中得到更深度的應(yīng)用，并對HTML5技術(shù)的優(yōu)勢進(jìn)行發(fā)揮。HTML5技術(shù)在移動互聯(lián)網(wǎng)中擁有比較良好的發(fā)展的前景，也說明HTML5技術(shù)在移動應(yīng)用開發(fā)中發(fā)揮著重要價值。相信在未來發(fā)展中，HTML5技術(shù)也會實(shí)現(xiàn)它更大的價值。