跨平臺(tái)的HTML5

屈竹杰

互聯(lián)網(wǎng)應(yīng)用迅速發(fā)展，各種各樣的平臺(tái)和媒體形態(tài)不斷豐富著互聯(lián)網(wǎng)應(yīng)用。與此同時(shí)，人們對(duì)于互聯(lián)網(wǎng)體驗(yàn)的要求也不斷提高，例如更快的載入時(shí)間，更好的交互性和多媒體體驗(yàn)等。為滿(mǎn)足不斷變化的網(wǎng)絡(luò)需求，HTML5應(yīng)運(yùn)而生，它有望減少瀏覽器對(duì)于基于插件的富互聯(lián)網(wǎng)應(yīng)用的依賴(lài)，同時(shí)帶來(lái)跨平臺(tái)的應(yīng)用體驗(yàn)，支持所有主要PC瀏覽器和大多數(shù)主要移動(dòng)設(shè)備平臺(tái)。HTML5對(duì)于互聯(lián)網(wǎng)生態(tài)環(huán)境的改變，也將給專(zhuān)業(yè)AV行業(yè)帶來(lái)深遠(yuǎn)影響，需要我們持續(xù)去關(guān)注。

無(wú)所不能的HTML5

2004年，WHATWG提出了HTML5草案，于2007年獲W3C接納，并成立了新的HTML工作團(tuán)隊(duì)。2008年1月22日，第一份正式草案發(fā)布。目前Firefox、Google Chrome、Opera、Safari（版本4以上）、Internet Explorer（版本9以上）均已支持HTML5技術(shù)。

雖然HTML5在極客圈流行已久，但真正為公眾所關(guān)注，成為火熱的IT互聯(lián)網(wǎng)技術(shù)，則始于2010年蘋(píng)果與Adobe公司之間的一場(chǎng)恩怨。蘋(píng)果堅(jiān)定拒絕在其iOS支持Flash，當(dāng)時(shí)，喬布斯甚至在一篇文章中指出：隨著HTML5的發(fā)展，觀看視頻或其它內(nèi)容時(shí)，Adobe Flash將不再是必須的。實(shí)際上，F(xiàn)lash也從來(lái)都不是為觸摸控制設(shè)計(jì)的，所以即使是支持它的設(shè)備也無(wú)法為用戶(hù)提供他們?cè)谟|摸屏上習(xí)慣了的那種體驗(yàn)。而HTML5的快速發(fā)展，不僅僅得益于對(duì)移動(dòng)設(shè)備的支持，其開(kāi)放性亦非常關(guān)鍵。HTML5會(huì)帶來(lái)一個(gè)統(tǒng)一的無(wú)縫網(wǎng)絡(luò)，無(wú)論是筆記本、臺(tái)式機(jī)，還是智能手機(jī)都可以很方便地瀏覽基于HTML5的網(wǎng)站。

使用HTML5，開(kāi)發(fā)人員不必重寫(xiě)原生代碼，也不必移植多個(gè)版本，只需對(duì)瀏覽器進(jìn)行調(diào)優(yōu)，就可以部署跨平臺(tái)的應(yīng)用程序。HTML5還受到日益成長(zhǎng)的開(kāi)源社區(qū)的推動(dòng)，這些開(kāi)源社區(qū)中聚集了許多創(chuàng)新者和可用的免費(fèi)開(kāi)發(fā)工具，從而降低開(kāi)發(fā)人員的入門(mén)成本。此外，還有一個(gè)充滿(mǎn)活力的框架庫(kù)和工具世界，可以幫助開(kāi)發(fā)人員高效地創(chuàng)建跨平臺(tái)、跨設(shè)備和各種屏幕尺寸的先進(jìn)的HTML5應(yīng)用程序。

智能家居應(yīng)用

使用HTML5做智能家居應(yīng)用開(kāi)發(fā)，可以獨(dú)立于硬件平臺(tái)，通過(guò)瀏覽器進(jìn)行遠(yuǎn)程控制。智能設(shè)備從使用匯編到C語(yǔ)言再發(fā)展到JAVA，將來(lái)用HTML5也是大勢(shì)所趨。隨著智能家居總控設(shè)備性能不斷提高，使用戶(hù)在任何智能家居產(chǎn)品上都將擁有進(jìn)行個(gè)性定制設(shè)計(jì)的可能，并且形式也更加方便多樣。

英特爾最近展示的正在開(kāi)發(fā)的家庭自動(dòng)化概念，其軟件架構(gòu)就基于HTML5，并創(chuàng)建一個(gè)圖形化編程環(huán)境，讓家庭自動(dòng)化開(kāi)發(fā)人員通過(guò)拖放等動(dòng)作來(lái)“編程”他們的系統(tǒng)。物聯(lián)網(wǎng)在快速發(fā)展，英特爾也看到了這一點(diǎn)。從Wi-Fi燈泡到智能恒溫器和門(mén)鎖，看上去家里面的每樣?xùn)|西都將在不遠(yuǎn)的未來(lái)具有某種連接性。這就是為什么chipzilla等研究機(jī)構(gòu)一直致力于為所有設(shè)備編程，使其簡(jiǎn)單到令任何DIY人士都可以讓家按照她希望的方式運(yùn)行。為了讓所有的這些未來(lái)設(shè)備一起工作，英特爾計(jì)劃建立一個(gè)平臺(tái)，能夠在任何無(wú)線協(xié)議（Wi-Fi、藍(lán)牙、Zigbee等）上與大多數(shù)任何PCB印刷電路板對(duì)話（Arduino、Beagle Boards等）。

目前，已經(jīng)開(kāi)始有智能家居開(kāi)發(fā)者使用HTML5，例如HTML5智能家居控制臺(tái)框架可以無(wú)縫運(yùn)行在多種平臺(tái)上，支持包括流媒體播放器和電視導(dǎo)航等媒體應(yīng)用，支持設(shè)備管理功能，可輕松與家庭監(jiān)控系統(tǒng)和視頻門(mén)禁系統(tǒng)集成。

還有針對(duì)KNX和XBMC開(kāi)發(fā)的界面，其功能包括實(shí)時(shí)的Websocket通信、響應(yīng)設(shè)計(jì)，針對(duì)智能電話、平板和桌面的模板。HTML編輯器可以配置燈光、恒溫器、攝像頭、窗簾、傳感器等。

HTML5為數(shù)字告示帶來(lái)的好處

編程方法在改變，HTML5數(shù)字告示也已經(jīng)來(lái)到。對(duì)于數(shù)字告示應(yīng)用來(lái)說(shuō)，采用HTML5最重要的意義是動(dòng)態(tài)內(nèi)容。HTML5使其可以輕松實(shí)時(shí)顯示諸如股票價(jià)格、天氣、新聞?lì)^條、體育比分等信息。這其中大部分可以由像JQuery這樣的技術(shù)來(lái)實(shí)現(xiàn)，還有些公司如GeckoBoard專(zhuān)門(mén)從事用網(wǎng)頁(yè)發(fā)布商業(yè)智能信息的研究。

同時(shí)，進(jìn)入的成本也顯著降低了。不再需要昂貴的PC，全屏幕的瀏覽器（例如信息亭模式下的Chrome）就可以作為數(shù)字看板輕松部署。擁有一個(gè)HTML兼容的數(shù)字看板意味著同樣的內(nèi)容可以同時(shí)部署在網(wǎng)站和告示上。與不得不為另外的媒體重新編寫(xiě)內(nèi)容相比這可以顯著節(jié)約成本。

很多專(zhuān)為告示設(shè)計(jì)的網(wǎng)頁(yè)應(yīng)用程序可能不如PC上的瀏覽器表現(xiàn)那么好，所以任何動(dòng)畫(huà)部署之前，都需要全面測(cè)試。最后，如果同樣的內(nèi)容同時(shí)用于網(wǎng)頁(yè)和告示部署就有必要升級(jí)播放器。長(zhǎng)期的再編程方面的成本節(jié)省，可以在任何硬件升級(jí)方面提供一個(gè)相當(dāng)短的投資回報(bào)周期。

向HTML轉(zhuǎn)變亦允許小部件的使用，這些打包的HTML應(yīng)用程序（帶一個(gè)wgt拓展的Zip文件），可以獨(dú)立運(yùn)行或者嵌入到網(wǎng)頁(yè)里。同樣，在網(wǎng)絡(luò)上有越來(lái)越多的這種應(yīng)用池。小部件可以包括所有的外部資源（字體、視頻、圖像等），所以它們可以被緩存，并在網(wǎng)絡(luò)故障的情況下繼續(xù)顯示。

HTML5在數(shù)字告示中應(yīng)用的好處體現(xiàn)在方方面面，如：社會(huì)媒體的集成，社會(huì)媒體的更新可以輕松被集成到數(shù)字告示中。實(shí)時(shí)天氣更新和預(yù)報(bào)可以成為告示的一部分，HTML5的Geolocation用于確定顯示器位置的經(jīng)緯度，并顯示正確的預(yù)報(bào)?？梢詫?shí)現(xiàn)全高清的視頻播放，過(guò)去關(guān)于視頻的煩惱是，從在線播放器到數(shù)字告示，都要規(guī)定格式，而HTML5允許全屏回放，更多的控制和可訪問(wèn)性，自適應(yīng)流媒體的支持將在回放期間提升緩沖控制和質(zhì)量調(diào)節(jié)。在播放動(dòng)畫(huà)時(shí)不需要使用第三方插件程序，如Flash，它會(huì)減小系統(tǒng)壓力，用更快的載入時(shí)間生成動(dòng)畫(huà)。CSS3更多選項(xiàng)的添加可以用于圓角、漸變和陰影，將一個(gè)簡(jiǎn)單的文字動(dòng)畫(huà)變?yōu)橥耆墒斓?D藝術(shù)作品。任何在線訂閱內(nèi)容都可以在告示里實(shí)現(xiàn)，如財(cái)經(jīng)信息、新聞，甚至是直播排行榜，或是來(lái)自于谷歌電子表格中用戶(hù)自己的數(shù)據(jù)。使用HTML5畫(huà)布（canvas），數(shù)據(jù)表可以被渲染成為圖表提供更多可視化演示。

很多數(shù)字告示廠商已經(jīng)在開(kāi)發(fā)支持HTML5的產(chǎn)品。Scala在2013年的數(shù)字告示展上，展示了對(duì)HTML5和安卓播放器的支持，在移動(dòng)設(shè)備上利用交互功能，將Facebook和Twitter整合，并與三星新的智能告示平臺(tái)協(xié)作。除了新的圖形化用戶(hù)界面和對(duì)安卓播放器的支持外，還支持HTML5內(nèi)容。無(wú)論是新的安裝播放器還是經(jīng)典的Scala播放器都可以支持HTML5，并可以播放使用標(biāo)準(zhǔn)網(wǎng)頁(yè)設(shè)計(jì)工具創(chuàng)作的內(nèi)容。

臺(tái)灣計(jì)算機(jī)設(shè)備制造商IAdea推出支持HTML5標(biāo)準(zhǔn)的媒體播放器，同時(shí)該公司建議主板行業(yè)都采用HTML5，以降低內(nèi)容制作成本。除了顯示全高清視頻、圖片和聲音，設(shè)備現(xiàn)在還支持使用HTML5、CSS、JavaScript對(duì)數(shù)據(jù)源的全動(dòng)態(tài)渲染。在軟件公司方面，signagelive推出的SaaS平臺(tái)提供對(duì)IAdea設(shè)備的本地支持，并跟進(jìn)這方面長(zhǎng)期的研究工作。