基于HTML5的移動(dòng)互聯(lián)網(wǎng)應(yīng)用轉(zhuǎn)換技術(shù)*

李慧云，楊新章，胡文勝，文錦軍

（1.中國電信股份有限公司廣東研究院 廣州510630；2.中國電信股份有限公司廣東分公司 廣州510081）

1 引言

隨著智能終端的普及和服務(wù)模式的創(chuàng)新，我國移動(dòng)互聯(lián)網(wǎng)市場(chǎng)成長迅速，越來越多的用戶通過手機(jī)接入互聯(lián)網(wǎng)。目前智能終端的運(yùn)行能力幾乎可以媲美PC機(jī)，用戶可以如同在PC上一樣瀏覽網(wǎng)頁，但受限的屏幕大小和不同的操作方式大大降低了用戶的體驗(yàn)。因此，許多Web應(yīng)用服務(wù)商開始針對(duì)移動(dòng)終端改進(jìn)用戶體驗(yàn)或者推出移動(dòng)版網(wǎng)頁，以適配終端屏幕；或者開發(fā)本地客戶端，直接從用戶的使用方式上進(jìn)行適配。

縱觀移動(dòng)終端的產(chǎn)業(yè)現(xiàn)狀，本地應(yīng)用仍占據(jù)統(tǒng)治地位，原因在于本地應(yīng)用在表現(xiàn)能力和運(yùn)行效率上具有較大的優(yōu)勢(shì)。但隨著HTML5標(biāo)準(zhǔn)的出現(xiàn)，Web應(yīng)用在表現(xiàn)能力和功能上都得到了很大的提升，而其天然的跨終端平臺(tái)的特性和更簡單的開發(fā)語言，可能使Web應(yīng)用在移動(dòng)終端上獲得更大的發(fā)展空間和占據(jù)更多的市場(chǎng)份額。

2 HTML5適用于移動(dòng)終端的新特性

HTML5的許多功能就是以能夠在移動(dòng)終端（如智能手機(jī)以及平板電腦）上運(yùn)行為基礎(chǔ)而設(shè)計(jì)的，因此，HTML5在移動(dòng)設(shè)備上具有更大的優(yōu)勢(shì)，將率先在移動(dòng)設(shè)備上應(yīng)用起來。下面列舉了HTML5適用于移動(dòng)終端應(yīng)用開發(fā)的諸多新特性。

（1）離線存儲(chǔ)能力為移動(dòng)互聯(lián)網(wǎng)應(yīng)用的開發(fā)提供了基礎(chǔ)

相比桌面應(yīng)用程序，移動(dòng)設(shè)備的網(wǎng)絡(luò)連線更不穩(wěn)定，而且有時(shí)在移動(dòng)中并無網(wǎng)絡(luò)可以使用，此時(shí)離線存儲(chǔ)能力顯得尤為重要。HTML5提供了3種離線存儲(chǔ)機(jī)制：Web Storage、Indexed DB和Application Cache。Web Storage可以看作增強(qiáng)版的cookie，不受數(shù)據(jù)大小的限制，有更好的彈性以及架構(gòu)，可以將數(shù)據(jù)寫入本機(jī)的ROM中，還可以在關(guān)閉瀏覽器后再次打開時(shí)恢復(fù)數(shù)據(jù)；Indexed DB是HTML5提供的本地?cái)?shù)據(jù)庫機(jī)制，用來存儲(chǔ)數(shù)據(jù)量較大、結(jié)構(gòu)化的數(shù)據(jù)；Application Cache可稱為網(wǎng)頁緩存，通過一個(gè)manifest文件定義需要瀏覽器下載緩存的網(wǎng)頁文件，用于以文件為單位的本地?cái)?shù)據(jù)存儲(chǔ)。

（2）原生音/視頻支持，多媒體嵌入更加靈活

在HTML5中，增加了

（3）增強(qiáng)的用戶交互能力

HTML5增加了拖拽、撤銷歷史操作、文本選擇等交互動(dòng)作接口，增強(qiáng)了Web應(yīng)用的用戶交互能力，適配了移動(dòng)用戶的操作習(xí)慣。

（4）專為移動(dòng)化平臺(tái)定制的表單元素

瀏覽器中出現(xiàn)的HTML5表單元素與對(duì)應(yīng)的鍵盤見表1。

只需要簡單的聲明（如），即可完成對(duì)不同樣式鍵盤的調(diào)用，簡捷方便。

（5）具有鮮明移動(dòng)特色的地理定位API

地理定位是移動(dòng)終端的特色和優(yōu)勢(shì)，目前嵌入移動(dòng)定位的應(yīng)用越來越多，并不僅局限于導(dǎo)航和地圖應(yīng)用。HTML5的定位API可以綜合使用GPS、Wi-Fi、手機(jī)等多種定位方式，定位更為精準(zhǔn)、靈活。

（6）canvas繪圖，提升移動(dòng)平臺(tái)的繪圖能力

HTML5 canvas提供了canvas-2D的繪圖功能支持、canvas-3D的繪圖功能支持、SVG-向量圖支持以及圖片的移動(dòng)、旋轉(zhuǎn)、縮放等常規(guī)操作。利用canvas可直接在終端側(cè)繪制需動(dòng)態(tài)變化的圖形、圖表，相比在服務(wù)器側(cè)生成圖片，減少了網(wǎng)絡(luò)傳輸，提升了顯示效率。

（7）適用于移動(dòng)設(shè)備顯示的標(biāo)簽和樣式

移動(dòng)終端區(qū)別于PC設(shè)備的一個(gè)重要特征就是移動(dòng)終端多樣的設(shè)備尺寸和屏幕分辨率。如何讓W(xué)eb頁面能適應(yīng)各種尺寸的屏幕，讓很多Web開發(fā)人員相當(dāng)糾結(jié)。幸運(yùn)的是，HTML5已經(jīng)為開發(fā)者考慮到了這一問題，在網(wǎng)頁的頭 部 加 上 語 句，可以使網(wǎng)頁適配設(shè)備屏幕。而且，在CSS3中，可使用媒體查詢（media query）為不同分辨率的終端定制不同的顯示樣式。

總的來說，HTML5從設(shè)計(jì)開始，就考慮了移動(dòng)終端的特性和需求，將傳統(tǒng)的Web網(wǎng)站向HTML5標(biāo)準(zhǔn)和應(yīng)用轉(zhuǎn)換，是Web網(wǎng)站向移動(dòng)平臺(tái)發(fā)展的有效手段和趨勢(shì)。

表1 HTML5表單元素與對(duì)應(yīng)的鍵盤

3 轉(zhuǎn)換技術(shù)

比較PC時(shí)代的Web網(wǎng)站和服務(wù)，移動(dòng)版的Web網(wǎng)站/應(yīng)用具有以下特點(diǎn)。

·簡潔：移動(dòng)設(shè)備的屏幕遠(yuǎn)遠(yuǎn)小于桌面設(shè)備的屏幕，它無法像桌面設(shè)備一樣同時(shí)呈現(xiàn)很多信息，所以需控制好顯示的信息數(shù)量，盡量用較少的信息清晰地傳遞出所要傳達(dá)的內(nèi)容非常重要。

·觸摸優(yōu)化：在移動(dòng)版網(wǎng)頁上，要保證用戶能用拇指完成所需的所有操作，按鈕大小、間隔以及單選、多選的呈現(xiàn)方式都需要根據(jù)移動(dòng)終端的操作方式來設(shè)計(jì)。

·強(qiáng)化主題：大部分在移動(dòng)設(shè)備上瀏覽網(wǎng)頁的用戶都在尋找一些信息，而不是在網(wǎng)絡(luò)上“閑逛”。將最重要、用戶最需要了解的信息放在關(guān)鍵位置。

·不依賴插件：移動(dòng)終端的瀏覽器受設(shè)備能力限制，對(duì)插件的支持程度不同，減少對(duì)插件的依賴才可以保證Web應(yīng)用的普適性。

·用盡量少的數(shù)據(jù)傳輸和重復(fù)數(shù)據(jù)加載：無線網(wǎng)絡(luò)的網(wǎng)絡(luò)質(zhì)量變化非常大，帶寬大小不一，盡量縮小網(wǎng)頁的體積，去掉網(wǎng)頁中的冗余代碼，使用本地緩存機(jī)制，可提升用戶的體驗(yàn)。

基于上述移動(dòng)網(wǎng)站/應(yīng)用的特點(diǎn)和原則，可以確定移動(dòng)互聯(lián)網(wǎng)Web應(yīng)用轉(zhuǎn)換的目標(biāo)，即壓縮圖片，剔除網(wǎng)頁中的多余信息，轉(zhuǎn)換需要插件支持的內(nèi)容，分頁展現(xiàn)。因此，轉(zhuǎn)換的關(guān)鍵技術(shù)包括：網(wǎng)頁結(jié)構(gòu)轉(zhuǎn)換、音/視頻轉(zhuǎn)換、圖片轉(zhuǎn)換以及文檔轉(zhuǎn)換等?？傮w架構(gòu)流程如圖1所示。

3.1 文檔轉(zhuǎn)換

將文檔轉(zhuǎn)換為HTML5的目的是可以直接在HTML文件中顯示文檔（如Word、Excel、PPT、PDF等），相比傳統(tǒng)使用Adobe Flash插件方式顯示更為便捷；同時(shí)，HTML5增加了新特性，如CSS3可實(shí)現(xiàn)翻頁特效，canvas的2D、3D模型可實(shí)現(xiàn)物理、化學(xué)公式和模型，Math ML可實(shí)現(xiàn)數(shù)學(xué)公式、離線緩存等，增加了在線文檔的可閱讀性和互操作能力，是HTML5的重要應(yīng)用領(lǐng)域。但由于轉(zhuǎn)換過程需要耗費(fèi)較長的處理時(shí)間，通常在后臺(tái)完成轉(zhuǎn)換，轉(zhuǎn)換完成后，通過HTML頁面呈現(xiàn)給用戶顯示。

3.1.1 Office文檔轉(zhuǎn)換為HTML5

Office文檔可以說是用戶日常操作最多的文檔類型，除了用戶數(shù)最多的Microsoft Office辦公軟件系列生成及使用的以doc、xls、docx、ppt等后綴結(jié)束的文件，也包括其他辦公軟件產(chǎn)品生成的文檔，如OpenOffice的odt和ott文件、WPS的wps文件等。Office文檔依賴于應(yīng)用軟件環(huán)境，用戶在應(yīng)用軟件中打開、查看和編輯文檔。

目前Office文檔的標(biāo)準(zhǔn)主要包括：前國際標(biāo)準(zhǔn)（open document format，ODF）、中 國 文 檔 標(biāo) 準(zhǔn) （unified office document format，UOF）和 現(xiàn) 有 的 國 際 標(biāo) 準(zhǔn) （office open XML，OOXML）。OOXML是 微 軟 基 于XML-Extensible Markup Language的數(shù)據(jù)存儲(chǔ)語言，為Microsoft Office開發(fā)所制定的技術(shù)規(guī)范，在2008年成為國際標(biāo)準(zhǔn)，主要應(yīng)用在Office2007以 后 的 系 列 中，文 件 以xlsx、docx、pptx為 后綴。在早期的Microsoft產(chǎn)品中，采用的是OLE2復(fù)合文檔格式。

Office文檔轉(zhuǎn)換為HTML，使得用戶可以直接通過瀏覽器查看甚至編輯文檔，而不需要再安裝辦公軟件，實(shí)現(xiàn)了辦公應(yīng)用的云服務(wù)化，也大大提高了在移動(dòng)終端上處理辦公文檔的方便性?？偟膩碚f，Office文檔轉(zhuǎn)換分為如下兩個(gè)步驟。

（1）文檔的讀取：按照文檔格式讀取文檔內(nèi)容，包括文本、圖片、表格以及各部分內(nèi)容的位置關(guān)系和顯示樣式。

（2）HTML文件的生成：將文檔內(nèi)容按照原來的樣式和排列位置，通過HTML標(biāo)簽和樣式進(jìn)行重新組合，生成HTML5文件。

Office轉(zhuǎn)換為HTML主要包括如下兩種方式。

·利用應(yīng)用軟件自帶的API進(jìn)行轉(zhuǎn)換：Microsoft Office和OpenOffice都自帶了將文檔轉(zhuǎn)為HTML文檔的API，Microsoft Office API由于平臺(tái)限制只能用于Windows操作系統(tǒng)。

圖1 轉(zhuǎn)換的總體架構(gòu)流程

·利用第三方的轉(zhuǎn)換工具：比較有名的是Apache POI，是專門用于將Microsoft Office文檔轉(zhuǎn)換為HTML格式的工具，支持OLE2和OOXML兩個(gè)格式的文檔轉(zhuǎn)換。

3.1.2 PDF轉(zhuǎn)換為HTML5

PDF（portable document format）是一種跨平臺(tái)、與設(shè)備無關(guān)、用于文件交換的文件格式。PDF文件包含一個(gè)PDF文檔和其他支持?jǐn)?shù)據(jù)。一個(gè)PDF文檔包含一個(gè)或多個(gè)頁面，每個(gè)頁面包含與設(shè)備和分辨率無關(guān)的文字、圖形和圖像的任意組合，被稱為頁面描述。PDF的文檔結(jié)構(gòu)是一種樹型結(jié)構(gòu)，樹的根節(jié)點(diǎn)就是PDF文件的根對(duì)象。根節(jié)點(diǎn)下有4個(gè)子樹：頁面樹（pages tree）、書簽樹（outline tree）、線索樹（article tree）、名字樹（named destination）。

PDF轉(zhuǎn)換為HTML的步驟同Office文檔類似，需要先按照PDF的格式和文檔結(jié)構(gòu)，將PDF文檔中的文本、圖片、圖標(biāo)等內(nèi)容單位以及相關(guān)的樣式信息讀取出來，然后按照HTML5的標(biāo)簽和樣式要求進(jìn)行重新組合和顯示。

目前，PDF也存在需要開源的轉(zhuǎn)換工具，比較有名的包括PDF to HTML、PDF2 HTML EX、PDF Masher等。由于PDF內(nèi)容的設(shè)備無關(guān)性，一些文字內(nèi)容也通過圖片顯示，因此將其轉(zhuǎn)換為HTML文檔后，在中文和樣式的效果上不一定能和原有的保持一致。

3.2 圖片轉(zhuǎn)換

為了實(shí)現(xiàn)圖片到HTML5 canvas的轉(zhuǎn)換，需要把HTML中的img標(biāo)簽的內(nèi)容替換為canvas標(biāo)簽和一段JavaScript代碼。轉(zhuǎn)換的基本步驟是解析HTML文件，將其中的img標(biāo)簽的src屬性的取值讀取出來，利用canvas的引入圖像功能完成圖像的呈現(xiàn)，引入的操作分為兩步：第1步是使用JavaScript的image對(duì)象加載圖片；第2步是使用drawImage方法將圖像插入canvas中。

其中，圖片加載的關(guān)鍵是img標(biāo)簽的src屬性的取值所代表的圖片的URL。根據(jù)HTML的規(guī)范，img標(biāo)簽的src屬性的URL可以有兩種形式：一種是圖片的實(shí)際URL地址；另一種是圖片經(jīng)Base64編碼轉(zhuǎn)換生成的data URI。

·對(duì)于實(shí)際URL地址的情況，可以用JavaScript創(chuàng)建一個(gè)新的image對(duì)象，引入圖片的URL，在腳本執(zhí)行過程中加載圖片，但在圖片數(shù)量較多時(shí)，JavaScript腳本會(huì)因等待圖片加載而暫停，需要進(jìn)行圖像預(yù)加載處理。

·對(duì)于data URI的情況，可以直接通過data URI嵌入圖像，通過這種方式嵌入的圖片內(nèi)容即時(shí)可用，進(jìn)而減少了頁面加載過程中的HTTP請(qǐng)求次數(shù)，可以優(yōu)化單次頁面加載的時(shí)間，但同時(shí)會(huì)帶來編碼的圖片管理不便、無法被重復(fù)利用、無法被獨(dú)立緩存等問題，同時(shí)在客戶端需要重新解碼和顯示，也增加了額外的開銷。

表2 瀏覽器對(duì)音/視頻的支持情況

3.3 音/視頻轉(zhuǎn)換

音/視頻轉(zhuǎn)換即將原來由flash插件播放的音/視頻或音/視頻文件轉(zhuǎn)換為HTML5標(biāo)準(zhǔn)所支持的音/視頻，從而實(shí)現(xiàn)瀏覽器對(duì)音/視頻的原生支持。

首先，需要了解瀏覽器對(duì)音/視頻的支持情況，見表2。

因此，為了保證音/視頻文件能被所有瀏覽器支持，一般建議音頻文件采用Ogg Vorbis和MP3格式；視頻文件采用WebM和MP4格式。某些媒體文件（特別是MP4）即使媒體類型為瀏覽器所支持，也有可能不能正常播放，這是因?yàn)槲募木幋a不被瀏覽器所支持。

對(duì)于音/視頻內(nèi)容提供商來說，只需要提供上述音/視頻文件源，同時(shí)修改網(wǎng)頁音/視頻的嵌入代碼，即可實(shí)現(xiàn)對(duì)HTML5音/視頻的支持，并將服務(wù)擴(kuò)展到移動(dòng)終端。

3.4 網(wǎng)頁結(jié)構(gòu)轉(zhuǎn)換

網(wǎng)頁結(jié)構(gòu)轉(zhuǎn)換需要綜合分析網(wǎng)頁/Web應(yīng)用的工程文件，針對(duì)移動(dòng)終端的特點(diǎn)對(duì)HTML、CSS、JavaScript文件進(jìn)行調(diào)整，以適配移動(dòng)終端的屏幕顯示、操作方式，甚至網(wǎng)絡(luò)連接狀態(tài)。

互聯(lián)網(wǎng)上的頁面通常比較復(fù)雜、內(nèi)容元素較多、網(wǎng)頁尺寸較大，因此，在適配移動(dòng)終端時(shí)，通常采用的方法是對(duì)原網(wǎng)頁進(jìn)行裁剪，裁剪的過程需要考慮到可訪問性和易用性兩個(gè)方面的問題。具體來說，轉(zhuǎn)換出的新頁面應(yīng)可以被大部分手機(jī)瀏覽，實(shí)現(xiàn)傳統(tǒng)互聯(lián)網(wǎng)的海量信息和移動(dòng)互聯(lián)網(wǎng)的互通，視為可訪問性；而移動(dòng)終端的用戶在訪問頁面的時(shí)候需要綜合考慮帶寬、流量、時(shí)間等因素，視為易用性。

因此，頁面的轉(zhuǎn)換需要從如下兩方面入手：

·在轉(zhuǎn)換頁面的過程中，對(duì)頁面信息進(jìn)行有效過濾，屏蔽無關(guān)、不重要的信息以及廣告信息內(nèi)容，從而減小頁面的大小，減少用戶瀏覽頁面所消耗的流量；

·由于用戶移動(dòng)終端的操作系統(tǒng)以及屏幕大小均存在很大的差異性，頁面轉(zhuǎn)換需要對(duì)主要網(wǎng)頁內(nèi)容進(jìn)行合理優(yōu)化和排版，以適應(yīng)不同大小的手機(jī)屏幕和操作系統(tǒng)所能承載的頁面大小，這樣便能“因材施教”，根據(jù)需要，進(jìn)行不同的適配合理地完成網(wǎng)頁的轉(zhuǎn)換，以滿足不同用戶的瀏覽需求，從頁面版式、內(nèi)容、樣式、交互和可用性方面提高瀏覽體驗(yàn)，最終為用戶提供低成本的信息獲取工具。

為了實(shí)現(xiàn)上述功能，網(wǎng)頁結(jié)構(gòu)轉(zhuǎn)換工具完成網(wǎng)頁結(jié)構(gòu)轉(zhuǎn)換工作的流程可以劃分如下。

·基本頁面處理：通過對(duì)HTML文件（包括JSP、ASP、PHP文件）的頁面分析，建立DOM（document object model，文檔對(duì)象模型）樹，完成網(wǎng)頁預(yù)處理和網(wǎng)頁標(biāo)簽的合法性檢查等工作。

·主體內(nèi)容處理：根據(jù)規(guī)則完成頁面主體內(nèi)容的識(shí)別處理與不重要內(nèi)容的剔除工作。

·樣式處理：對(duì)提取了主體內(nèi)容的DOM樹進(jìn)行樣式處理，包括對(duì)CSS文件的調(diào)整與過濾。

·分頁展現(xiàn)：為了實(shí)現(xiàn)網(wǎng)頁內(nèi)容在移動(dòng)終端上的呈現(xiàn)，需要對(duì)上述處理結(jié)果進(jìn)行處理，根據(jù)終端的信息庫，進(jìn)行標(biāo)簽替換、分頁和切頁工作，最終實(shí)現(xiàn)頁面的輸出。

在HTML5標(biāo)準(zhǔn)中，采用了語義化的標(biāo)簽結(jié)構(gòu)、豐富的表單結(jié)構(gòu)和更具表現(xiàn)力的CSS3，這些新特性都可以使得網(wǎng)頁更加適合移動(dòng)終端展示。在分頁展現(xiàn)時(shí)，可充分利用HTML5的特性標(biāo)簽和CSS樣式。

3.5 轉(zhuǎn)換技術(shù)比較

分析上述的轉(zhuǎn)換技術(shù)，都可以歸結(jié)為將一種類型的文件或內(nèi)容中的元數(shù)據(jù)和樣式提取出來，再將元數(shù)據(jù)進(jìn)行排列組合，轉(zhuǎn)換為另一種類型的文件或內(nèi)容，其轉(zhuǎn)換后的樣式和轉(zhuǎn)換前大致相同。而影響轉(zhuǎn)換效果和決定轉(zhuǎn)換難度的因素主要在于轉(zhuǎn)換前的文件和內(nèi)容的編碼與HTML5的內(nèi)容編碼的相似度以及其樣式和HTML5能表現(xiàn)的樣式之間的差別。

就上述幾種轉(zhuǎn)換技術(shù)而言，文檔轉(zhuǎn)換涉及的轉(zhuǎn)換前后的編碼差異最大，尤其對(duì)中文的編碼和樣式、文本樣式、圖表格式和一些特殊的字符公式等都存在較大的差異性，因此其轉(zhuǎn)換后的效果也千差萬別，在某些轉(zhuǎn)換過程中，為了保證轉(zhuǎn)換后的效果，可能會(huì)用大塊的圖片來替代原來的內(nèi)容，降低了轉(zhuǎn)換的意義和價(jià)值。就目前的轉(zhuǎn)換工具而言，Apache POI是做得比較出色的，其對(duì)xls、doc、ppt后綴文件的轉(zhuǎn)換效果都不錯(cuò)，對(duì)OOXML格式的轉(zhuǎn)換仍在開發(fā)中，目前對(duì)xlsx后綴文件的支持較好。而以文檔轉(zhuǎn)換為基礎(chǔ)的產(chǎn)品Crocodoc是一個(gè)可以將PDF和Office文檔迅速轉(zhuǎn)變成HTML5的工具，目前該工具使用范圍很廣泛，其使得用戶可以在線分享和編輯文檔，而不受設(shè)備和系統(tǒng)的制約。

網(wǎng)頁結(jié)構(gòu)轉(zhuǎn)換的主要難點(diǎn)和工作量不是兩種編碼之間的轉(zhuǎn)換，而是對(duì)網(wǎng)頁結(jié)構(gòu)的遍歷解析和內(nèi)容重組，難點(diǎn)主要在于以下3個(gè)方面。

·文檔對(duì)象模型是基于瀏覽器編程的一套API，是W3C組織出臺(tái)的推薦標(biāo)準(zhǔn)。該標(biāo)準(zhǔn)本身設(shè)計(jì)相對(duì)復(fù)雜，在DOM樹的建立過程中，需要綜合考慮標(biāo)簽的位置信息、對(duì)應(yīng)的資源類型信息、語義類型信息，去除頁面設(shè)計(jì)與主體內(nèi)容無關(guān)的元素帶來的頁面復(fù)雜度。

·為了實(shí)現(xiàn)頁面內(nèi)容的最佳呈現(xiàn)效果，需要對(duì)頁面/Web應(yīng)用的CSS進(jìn)行處理，去除移動(dòng)終端不能顯示的CSS樣式內(nèi)容數(shù)據(jù)，修改某些CSS的屬性值（如調(diào)整CSS樣式中的寬度，適配為屏幕尺寸），并添加某些CSS屬性值。

·由于移動(dòng)終端支持的頁面標(biāo)簽并不完善，同時(shí)應(yīng)用開發(fā)者提交的頁面中可能也存在某些不能轉(zhuǎn)換或語法存在問題的標(biāo)簽，因此還需在預(yù)處理的過程中增加合法性檢查，去掉不能轉(zhuǎn)換或語法存在問題的標(biāo)簽。

比較而言，圖片轉(zhuǎn)換和音/視頻轉(zhuǎn)換相對(duì)簡單，轉(zhuǎn)換后的效果也比較好。對(duì)于音/視頻轉(zhuǎn)換而言，內(nèi)容提供上主要需要關(guān)注的是移動(dòng)平臺(tái)對(duì)音/視頻編碼的支持情況和運(yùn)行效率，從而提供更符合移動(dòng)平臺(tái)的內(nèi)容。

4 結(jié)束語

HTML5正逐漸改變著互聯(lián)網(wǎng)應(yīng)用的開發(fā)方式，越來越多的Web網(wǎng)頁/應(yīng)用將直接遵循HTML5標(biāo)準(zhǔn)。然而HTML5仍然在不斷的發(fā)展過程中，瀏覽器、移動(dòng)平臺(tái)對(duì)其的支持程度也并不一致，相信在相當(dāng)長的時(shí)期內(nèi)，融合本地應(yīng)用和HTML5應(yīng)用特點(diǎn)的混搭應(yīng)用（hybrid application）會(huì)成為一種常用的應(yīng)用模式。HTML5為Web網(wǎng)站/服務(wù)提供了一種向移動(dòng)平臺(tái)擴(kuò)展延伸的方式，而基于HTML5的轉(zhuǎn)換技術(shù)也將被移動(dòng)應(yīng)用提供商所青睞和采用。

1 淺析HTML5在移動(dòng)應(yīng)用開發(fā)中的使用.http://www.iteye.com/magazines/67,2012

2 HTML5多媒體的10個(gè)常見問題和解答.http://5m3d.com/2012/08/HTML5-多媒體的10個(gè)常見問題和解答,2012

3 李慧云,何震葦,李麗等.HTML5技術(shù)與應(yīng)用模式研究.電信科學(xué),2012,28(5):24～29