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

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

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

1 引言

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

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

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

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

2.2 設(shè)備硬件訪問(wèn)

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

2.3 圖像繪制及渲染Canvas

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

2.4 多媒體播放

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

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

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

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

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

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

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

現(xiàn)階段，與傳統(tǒng)的電視相比，智能電視發(fā)展也越來(lái)越廣泛。智能電視中相關(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)中具有影視資源推送、用戶觀看記錄等功能，同時(shí)還緩解了智能電視中存在內(nèi)存小、不能安裝體積較大的應(yīng)用程序等問(wèn)題。智能電視是一種娛樂(lè)性質(zhì)的工具，同時(shí)還具有游戲等功能。HTML5開(kāi)發(fā)設(shè)計(jì)的游戲有內(nèi)存小、體積小、畫(huà)面美觀以及有較強(qiáng)的互動(dòng)性等特征。社交類型的數(shù)據(jù)可以進(jìn)行實(shí)時(shí)交換的功能，用戶可以用其進(jìn)行游戲和娛樂(lè)。

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

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

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

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

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

4.2 分屏共享

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

4.3 在線視頻

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

5 結(jié)語(yǔ)

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