淺談HTML5技術(shù)與新媒體應(yīng)用

文｜鄭紅

在發(fā)展速度日新月異的移動端，HTML5更被認為是移動互聯(lián)網(wǎng)行業(yè)的未來希望之所在，它仿佛天生為移動應(yīng)用而生，可以提供大部分現(xiàn)有需要插件和擴展才能完成的功能，并且還具備Web數(shù)據(jù)存儲、離線數(shù)據(jù)存儲、圖像增強等新功能，這使完整支持HTML5的瀏覽器具有了更強的本地數(shù)據(jù)處理能力，用戶可以不受各種系統(tǒng)平臺和軟件插件的限制，只需通過瀏覽器就可以運行這些應(yīng)用，在講究更新、更快、更輕巧的無線新媒體領(lǐng)域，HTML5技術(shù)可謂風(fēng)光無二，今天我們就來聊聊它和新媒體應(yīng)用的那些事兒。

HTML5技術(shù)的移動開發(fā)特性

在聯(lián)系到新媒體應(yīng)用之前，首先我們需要了解HTML5技術(shù)究竟先進在哪里，相對傳統(tǒng)技術(shù)而言，它與新媒體平臺相結(jié)合的優(yōu)越性又體現(xiàn)在什么地方。簡單來說，我們可以從開發(fā)者的視角出發(fā)，將其特性歸納如下：

1、離線緩存可提供基礎(chǔ)保障

HTML5 Web Storage API可以看做是加強版的cookie，不受數(shù)據(jù)大小限制，有更好的彈性以及架構(gòu)，可以將數(shù)據(jù)寫入到本機的ROM中，還可以在關(guān)閉瀏覽器后再次打開時恢復(fù)數(shù)據(jù)，以減少網(wǎng)絡(luò)流量。同時不占用任何后臺資源，減輕設(shè)備硬件壓力，增加運行流暢性。

2、音頻視頻可滿足自由嵌入

原生開發(fā)方式對于文字和音視頻混排的多媒體內(nèi)容處理相對麻煩，需要拆分開文字、圖片、音頻、視頻，解析對應(yīng)的URL并分別用不同的方式處理。HTML5在這個方面完全不受限制，可以完全放在一起進行處理，多媒體形式更加豐富靈活；

3、地理定位可實現(xiàn)優(yōu)勢放大

讓定位和導(dǎo)航不再專屬導(dǎo)航軟件，地圖也不用下載非常大的地圖包，可以通過緩存來解決，到哪兒下哪兒，更靈活。現(xiàn)在嵌入LBS功能的應(yīng)用越來越多，這也是移動設(shè)備與臺式PC相比最大的優(yōu)勢之一，HTML5能把這個優(yōu)勢再度擴大化；

4、交互方式可獲得豐富支持

HTML5提供的交互方式是非常豐富的，如提升互動能力：拖拽、撤銷歷史操作、文本選擇等：Transition組件的移動效果、Transform組件的變形效果、Animation將移動和變形加入動畫支持…數(shù)不勝數(shù)；

5、視覺設(shè)計必備的輔助利器

CSS3支持了字體的嵌入、版面的排版，以及最令人印象深刻的動畫功能，用它來完成部分視覺工作，載入速度快，節(jié)省代碼及圖片，也為用戶節(jié)約了帶寬。

6、開發(fā)維護可享受方便低耗

HTML5技術(shù)可以給你更低的開發(fā)及維護成本，它使頁面變得更小，減少了用戶不必要的支出；而且性能更好使，耗電量更低；對于用戶來說更是方便升級，打開即可使用最新版本，免去重新下載升級包的麻煩，使用過程中就直接更新了離線緩存。

7、App開發(fā)實現(xiàn)雙平臺融合

依照目前IOS和Android系統(tǒng)市占率的情況來看，未來如果想要在應(yīng)用開發(fā)上有所建樹，要么選擇使用Objective-C+CocoaTouch Framework撰寫iPhone/iPad應(yīng)用程式，要么就是選擇Java+Android Framework 撰寫Android 應(yīng)用程式，如果想要同時滿足兩種平臺，勢必需要付出很大的運維成本。而使用HTML5, CSS3 來撰寫Web-based的應(yīng)用程序，若要同時支撐IOS和Android系統(tǒng)只需維護一份程式碼，靈活性更強。

以上的特性僅是冰山一角，其實總結(jié)起來可以用兩句話概括：一是跨平臺，二是開發(fā)簡單，憑這兩個殺手锏，就足以令時代傾心了，它讓HTML5技術(shù)成為了移動互聯(lián)網(wǎng)時代寵兒，如果手機應(yīng)用開發(fā)者還在糾結(jié)于選擇Android還是蘋果IOS，而一個Web APP（HTLM5技術(shù)的典型代表產(chǎn)品）即可解決多款操作系統(tǒng)與瀏覽器，以及WAP與Web的兼容問題，那么有何理由不選擇它呢？對于用戶來說，無論看視頻還是玩游戲，都不再需要費時費力地用手機下載軟件，只需打開手機瀏覽器，就可以通過網(wǎng)頁得償所愿。

HTML5技術(shù)的新媒體基因

HTML5在移動開發(fā)端的長處誠然霸氣十足，但僅是這樣還不夠，只有與目標行業(yè)完美的融合，才能最大限度的發(fā)揮其特點，基于此，它與新媒體結(jié)合的契機又在哪里呢？

對于媒體本身而言，媒體服務(wù)并不具有排他性，通常情況下一家媒體所能提供的觀點、報道和服務(wù)內(nèi)容，其它一家媒體一般來說也能做到。所以媒體服務(wù)的差異化在于媒體服務(wù)商的自我定位，各家媒體定位錯開，有利于用戶將自己所需的內(nèi)容服務(wù)重新自由組合，這樣比試圖壟斷某個用戶群要靠譜得多。而這種趨勢從技術(shù)的角度出發(fā)，無疑是更靠近html5理念的。

html5由于適合跨平臺，可以為不同用戶在不同場景下提供無縫對接的內(nèi)容服務(wù)。在移動互聯(lián)網(wǎng)上以瀏覽器為統(tǒng)一入口，利用html5將自身的內(nèi)容輸出能力轉(zhuǎn)化為流量變現(xiàn)能力和品牌影響力，要比傳統(tǒng)媒體自己的用戶互導(dǎo)以及隔離用戶群要靠譜得多，在這種傳統(tǒng)媒體移動化的大時代背景下，鳳凰率先推出了全面html5化的移動門戶首頁（3g.ifeng.com），并開發(fā)了多款基于HTML5技術(shù)的web app產(chǎn)品，這無疑是一種領(lǐng)先時代的嘗試，這種嘗試是新媒體下一步發(fā)展的杰出代表。

根據(jù)業(yè)界數(shù)據(jù)來看，在Html5技術(shù)的支撐下，目前各家新媒體來自移動瀏覽器的流量均明顯呈上升趨勢，這證明了只要能夠滿足用戶需求，提升在移動場景中的內(nèi)容使用體驗，傳統(tǒng)門戶的市場依然不可小覷。這一事實對于傳統(tǒng)媒體人在新媒體市場注入了一劑強心針，其實，所謂的傳統(tǒng)媒體的“衰退”更像是一個偽命題，原因是傳統(tǒng)媒體并不太理解移動互聯(lián)網(wǎng)時代的“用戶體驗”，隨著HTML5技術(shù)與新媒體行業(yè)的融合，所有的內(nèi)容提供商都可以在移動互聯(lián)網(wǎng)時代成為跨平臺的新媒體中心。這是html5技術(shù)投射到產(chǎn)業(yè)現(xiàn)狀中產(chǎn)生的最有意義的回饋，也是技術(shù)基因與媒體基因相融合的最完美體現(xiàn)。

HTML5技術(shù)的產(chǎn)品實例

介紹完HTML5技術(shù)的特點以及其與新媒體平臺的契合點之后，我們可以通過幾個實例來進行更直觀的了解。

一般而言，我們在廣義的討論HTML5時，實際指的是Web App 相關(guān)技術(shù)的總稱，包括 HTML5、DOM API、CSS3、面向 Web App 的頁面設(shè)計模式等。所有這些工作大多都是圍繞著對瀏覽器的擴展，希望能夠減少瀏覽器對于插件的依賴，提供更多能有效增強網(wǎng)絡(luò)應(yīng)用的標準集。相對于其他應(yīng)用形態(tài)，Web App的核心優(yōu)勢有兩點：

一、開發(fā)模式的再次進化（對復(fù)雜性的封裝），現(xiàn)在很多開發(fā)者都感覺到，原來必須要用客戶端技術(shù)去做的效果或者功能現(xiàn)在基本都可以通過Web App的相關(guān)技術(shù)實現(xiàn)了，通過這些簡單的語言和配合，就能做到很酷炫的效果。

二、具有卓越的互聯(lián)互通特性，只需要一個鏈接就可以到達產(chǎn)品，對產(chǎn)品的推廣和營銷都有很大的幫助。（過去兩三年里PC上網(wǎng)頁游戲的快速成長便得益于此）。

目前在中國，對于web app支持程度最好的瀏覽器非UC瀏覽器及騰訊QQ瀏覽器莫屬，在這兩家平臺上已經(jīng)云集了數(shù)百款高質(zhì)量的web app 產(chǎn)品，這其中便不乏鳳凰新媒體的移動“集團軍”。如圖1、2、3所示。

通過以上實例，我們可以看到，基于HTML5技術(shù)的有力支持，用戶可以通過瀏覽器實現(xiàn)流暢的節(jié)目欣賞體驗，點擊任意節(jié)目，即可立即調(diào)用播放器實現(xiàn)當(dāng)前實時播放，省去了傳統(tǒng)WAP冗余的跳轉(zhuǎn)流程。與用戶下載安裝到本地的鳳凰視頻客戶端相比，它在界面設(shè)計和內(nèi)容展現(xiàn)上都采用了更適合手機瀏覽器觀看的UI設(shè)計，同時，還解決了系統(tǒng)瀏覽器的播放限制，用戶無需安裝Flash插件，點擊相應(yīng)內(nèi)容即可調(diào)起鳳凰無線視頻進行播放。

對于移動端的視頻服務(wù)來說，基于HTML5的Web化視頻呈現(xiàn)形式，除了能幫助用戶體驗到優(yōu)質(zhì)的界面設(shè)計及流暢的操作體驗之外，還能實現(xiàn)自動續(xù)播功能等云視頻功能，輕松、方便、快捷，充分滿足了用戶的碎片化時間需求。

HTML5技術(shù)與新媒體的未來

講述過HTML5技術(shù)的種種美好前景之后，我們也必須要意識到，目前它并非已經(jīng)達到盡善盡美的地步，輝煌的期待背后，還有很多瓶頸需要它去一一克服，比如HTML5技術(shù)標準尚待統(tǒng)一和完善、比如與本地應(yīng)用相比，現(xiàn)階段HTML5的應(yīng)用性能一般相對較差、比如目前大多的HTML5應(yīng)用都部署在服務(wù)器側(cè)，對于手機經(jīng)常出現(xiàn)網(wǎng)絡(luò)狀況不穩(wěn)定情況，影響應(yīng)用的完整性、穩(wěn)定性、可用性、比如目前專門針對HTML5應(yīng)用的設(shè)計開發(fā)工具還很少…林林總總，不一而足。

雖然現(xiàn)在的HTML5的確存在不少問題，但它就好比一個初生的嬰兒，雖然他現(xiàn)在尚不可屹立，亦不能奔跑，但誰又能據(jù)此推斷他以后不能成為一名飛人呢？縱觀當(dāng)今互聯(lián)網(wǎng)的發(fā)展歷史，有多少偉大傲人的技術(shù)革命不是在人們肯定與質(zhì)疑的較量聲中發(fā)展成熟，改變歷史的呢？事實上，越來越多的世界行業(yè)巨頭正不斷向HTML5靠攏，除了蘋果、微軟、黑莓之外，谷歌的Youtube已部分使用HTML5，Chrome瀏覽器也已宣布全面支持HTML5，眾所周知，F(xiàn)acebook更是傾其全力的以HTML5為陣地進行著移動端的革命。

我們有理由相信，在這場席卷全球的技術(shù)革命中，中國的行業(yè)先驅(qū)與新媒體巨頭們亦不會落后，移動互聯(lián)網(wǎng)時代大幕下，盛筵已經(jīng)開始。

未來，為你而來！