HTML5技術在移動應用開發中的應用及前景

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

（長江工程職業技術學院 湖北 武漢 430212）

1 引言

移動互聯網技術是信息技術快速發展的重要表現，有效地將智能手機與移動互聯技術進行結合。目前在信息技術快速發展的影響下，互聯網技術已經滲透到各個領域，相較于傳統互聯網技術，移動互聯網能夠通過移動設備滿足人們的需求，具有較強的移動性，不受區域的影響。隨著不斷對互聯網技術的開發，使越來越新的技術面向大眾，而HTML5技術是一種能夠呈現互聯網內容與對網頁文檔進行描述與構建的技術。隨著互聯網對HTML5技術的深入研究與應用，能夠將其優勢最大限度地發揮出來，同時也促進了互聯網技術的發展。HTML5技術對于互聯網而言，該技術是傳統互聯網技術的創新與改革，從而受到廣大應用開發人員的重視。本文對HTML5技術在移動應用開發中的應用及前景進行深入剖析。

2 HTML5技術的新特性

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

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

2.2 設備硬件訪問

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

2.3 圖像繪制及渲染Canvas

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

2.4 多媒體播放

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

2.5 腳本運行效率

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

3 HTML5技術在移動應用開發中的應用

3.1 在手機與平板領域的應用

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

3.2 在電視領域的應用

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

3.3 在車載領域的應用

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

4 HTML5技術在移動應用開發中的應用前景

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

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

4.2 分屏共享

由于HTML5 技術的平臺跨越性比較強，能夠實現分屏共享，同時“一機多用”以及同臺播放設備可對不同家庭成員的需求進行滿足[4]。

4.3 在線視頻

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

5 結語

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