程周育　王超

摘要：超文本標(biāo)記語言（Hyper Text Mark-up Language，HTML），是Tim Berners Lee和Daniel W.Connolly在1990年創(chuàng)立的一種標(biāo)記式語言，這種標(biāo)記式語言構(gòu)成了當(dāng)前互聯(lián)網(wǎng)上絕大部分的網(wǎng)頁文檔，是當(dāng)前互聯(lián)網(wǎng)上應(yīng)用最為廣泛的標(biāo)記式語言。從初始的HTML語言的提出到現(xiàn)在已經(jīng)有二十多年的時間，雖然在這期間經(jīng)歷了很多次改進，但針對當(dāng)前多媒體信息爆炸增長的情況，舊有的HTML語言對開發(fā)人員和使用者的需求，都已經(jīng)很難滿足了。幸運的是，HTML5的出現(xiàn)，可以使用戶更好的應(yīng)對飛速發(fā)展的 Web技術(shù)和不斷出現(xiàn)的Web 應(yīng)用需求。HTML5是基于HTML4.01，XHTML1.0和DOM級別XHTML的下一代推薦標(biāo)準(zhǔn)，其目標(biāo)是減少對專有富互聯(lián)網(wǎng)應(yīng)用（Rich Internet Application，RIA）技術(shù)的依賴，如Flex，Silverlight，JavaFX等。HTML5中出現(xiàn)的新特性，可以使用戶在構(gòu)建在線視頻編輯，音頻可視化，動作檢測等方面使用全新的方案，再加上與JavaScript技術(shù)綜合使用，可以為互聯(lián)網(wǎng)多媒體技術(shù)帶來更大的發(fā)展?jié)摿?，而且這一技術(shù)革新能夠更好的支撐多媒體協(xié)同編輯技術(shù)。所以，應(yīng)用HTML5技術(shù)，構(gòu)建多媒體電力信息發(fā)布系統(tǒng)，能夠使開發(fā)人員更加快捷的進行開發(fā)，使用戶更便捷的使用網(wǎng)頁，同時降低了瀏覽器對系統(tǒng)資源的消耗，以及對各種插件的依賴，提高了兼容性。

關(guān)鍵詞：HTML5；多媒體；所見即所得

中圖分類號：TP311 文獻標(biāo)識碼：A 文章編號：1009-3044（2014）10-2239-03

隨著寬帶技術(shù)和計算機技術(shù)的不斷發(fā)展，新的Web技術(shù)和新的Web需求也在不斷出現(xiàn)，為了應(yīng)對這種情況，繼推出HTML4后，許多相關(guān)的組織機構(gòu)都在積極開展下一代 Web 標(biāo)準(zhǔn)協(xié)議的修改制定工作。在這些下一代Web標(biāo)準(zhǔn)協(xié)議中，受到關(guān)注最多的是Web超文本應(yīng)用技術(shù)工作組（ Web Hypertext Application Technology Working Group，WHATWG）制定的 Web Application 1.0 草案。2007 年，W3C 認可該草案，這成為HTM L5的前身；2008 年，HTM L5 草案的第一份文檔正式公布；2010 年，HTML5被正式向公眾推薦。當(dāng)前，在個人計算機瀏覽器領(lǐng)域，支持HTML5的瀏覽器不斷增多，如奇虎360公司的360瀏覽器、Mozilla公司的火狐瀏覽器、谷歌公司的Chrome瀏覽器、蘋果公司的Safari瀏覽器、網(wǎng)際遨游公司的遨游瀏覽器和 Opera、都支持 HTML5標(biāo)準(zhǔn)，其中谷歌公司的Chrome瀏覽器對HTML5標(biāo)準(zhǔn)的支持度是最好的，微軟公司的IE9中也增加了對 HTML5標(biāo)準(zhǔn)的支持。在移動計算平臺上，蘋果公司的IOX系統(tǒng)、谷歌公司的安卓系統(tǒng)，還有微軟公司的應(yīng)用于移動設(shè)備的Windows Mobile系統(tǒng)，都加入了對HTML5的支持。在互聯(lián)網(wǎng)Web頁面的使用上，國外的 Twitter 、國內(nèi)的優(yōu)酷、土豆等主要音視頻網(wǎng)站都已經(jīng)開始支持HTML5標(biāo)準(zhǔn)。與前幾個版本相比，HTML5的發(fā)展速度是飛快的，這主要是因為HTML5增加很多新的標(biāo)簽和新的特性。如下表所示：

表1

[新增的特殊內(nèi)容元素＼&article、header、footer、section、 nav＼&新增的表單控件＼&email、calendar、url、ime、date、tsearch＼&新增的頁面元素＼&footer、header、section、figure＼&功能上增加的新特性＼&語義化的標(biāo)簽、對音頻的直接支持、對視頻的直接支持、矢量繪圖、Web Socket、多線程處理、網(wǎng)頁內(nèi)容編輯、離線存儲、地理定位等＼&廢除的元素＼&basefont、bgsound、big、center、font、frameset、s、plet、frame、blink、strike、tt、u、noframes、marquee＼&]

1 HTML5對多媒體的支持

在Web多媒體音視頻方面，HTML5標(biāo)準(zhǔn)提供了兩個標(biāo)簽，分別是video標(biāo)簽、audio 標(biāo)簽。通過這兩個標(biāo)簽，開發(fā)者可以不需要使用任何第三方插件，就可以直接將音頻、視頻等多媒體內(nèi)容加入到網(wǎng)頁中直接進行播放。而當(dāng)前因為各瀏覽器廠商之間并沒有統(tǒng)一的協(xié)議，所以在針對HTML5的音視頻格式上，并沒有統(tǒng)一的標(biāo)準(zhǔn)。HTML5中的視頻標(biāo)簽（ video）主要支持三種視頻編碼格式：a） MPEG4 格式；b） WebM格式；c） Ogg格式。音頻標(biāo)簽（audio）支持三種音頻編碼格式：a） Wav 格式；b） OggVorbis格式；c） MP3 格式。

當(dāng)前情況出現(xiàn)的音視頻編碼格式無法統(tǒng)一的問題，是由于市場競爭引起的。在視頻編碼方面，因為MicroSoft公司和Apple公司都是 MPEG編碼標(biāo)準(zhǔn)的所有者，所以這兩個廠商不遺余力的推廣以H.264 編碼為基礎(chǔ)的MPGE4標(biāo)準(zhǔn)，很多其他沒有該編碼標(biāo)準(zhǔn)的廠商選擇使用Thedora編碼方式或者谷歌的V8模式。

對于格式無法的統(tǒng)一的問題，目前各大廠商在積極處理該問題。而HTML5技術(shù)帶來的新的元素，比如將音視頻直接嵌入到網(wǎng)頁中使用，這種方式對Rich Internet Application（如JavaFX、Silverlight、Flash等）帶來了非常強的沖擊。第一、因為如果使用富互聯(lián)網(wǎng)應(yīng)用，就要在Web頁面使用插件，就需要給該插件留有一定的繪制區(qū)域。而該區(qū)域?qū)g覽器來說，就像一個黑盒子，瀏覽器無法理解和處理該區(qū)域中出現(xiàn)的任何事件。當(dāng)插件區(qū)域重疊或頁面布局動態(tài)變化時，就會造成問題。而在HTML5中，各標(biāo)簽通過JS、CSS的配合，各種功能在瀏覽器內(nèi)部完成。第二，各種瀏覽器插件很容易造成瀏覽器不穩(wěn)定，而且有可能帶來安全漏洞。而在HTML5中，不再需要借助于插件，使用內(nèi)部功能就可以完成，這就可以在很大程度上避免安全風(fēng)險。

第三，HTML5技術(shù)和富互聯(lián)網(wǎng)應(yīng)用技術(shù)相比，消耗更少的系統(tǒng)資源。這種優(yōu)勢在移動設(shè)備上特別明顯，可以最大程度的降低電力消耗，提高移動設(shè)備的續(xù)航時間。據(jù)統(tǒng)計，在消耗相同電力的情況下，使用Flash插件和HTML5播放同一段視頻，HTML5的時間比Flash的時間長一倍。最后，基于 HTML5開發(fā)的Web應(yīng)用，具有更好的兼容性，無論是在微軟操作系統(tǒng)、Unix操作系統(tǒng)、安卓系統(tǒng)還是蘋果的OS系統(tǒng)上，只要其瀏覽器支持HTML5，就可以兼容使用。

2 基于配置的多媒體共享策略

在使用Flash等插件的富互聯(lián)網(wǎng)應(yīng)用中，當(dāng)用戶向其他用戶分享視覺特效時，需要把整個視頻發(fā)送給其他用戶。而在HTML5中，用戶不再需要把整個視頻文件發(fā)送給對方，而僅需要發(fā)送對視頻文件的處理方式的一個描述，對方接收到這個描述后，在原有視頻的基礎(chǔ)上，由HTML5對該描述進行解析，使用本地系統(tǒng)資源對特效進行計算渲染。這種方式可以提高用戶之間的交互速度，增強用戶的體驗，是多用戶之間的交互能夠更好的融合到一起。

但是如果同當(dāng)前強大的桌面級視頻編輯軟件相比，HTML5在這方面仍有很大的不足，主要體現(xiàn)在最終的渲染效果和視頻的發(fā)布上。對于這一缺陷，我們可以借助云計算，根據(jù)用戶的編輯邏輯，把視頻導(dǎo)出成帶有特效的單一視頻。

3 基于HTML5的電力信息發(fā)布管控系統(tǒng)

現(xiàn)有的電力信息發(fā)布管控系統(tǒng)出現(xiàn)了很多局限性，無法滿足用戶的需求。面對不斷發(fā)展的Web應(yīng)用和需求，HTML5中出現(xiàn)的很多新技術(shù)，新特點，可以應(yīng)用到電力信息發(fā)布管控系統(tǒng)中，提高整個系統(tǒng)的性能。因此，結(jié)合HTML5的技術(shù)優(yōu)勢，構(gòu)建基于HTML5的電力信息發(fā)布管控系統(tǒng)，使其滿足用戶多方面的需求。

4 結(jié)束語

在HTML4的基礎(chǔ)上，HTML5中增加了許多新的特性和功能。而隨著HTML5技術(shù)的發(fā)展，各瀏覽器廠家也將逐步提高對它的支持力度，各種Web應(yīng)用會漸漸的從當(dāng)前模式向 HTML5轉(zhuǎn)變。隨著HTML5技術(shù)的發(fā)展，電力信息發(fā)布管控系統(tǒng)也會隨之而發(fā)展。

基于HTML5技術(shù)，電力信息發(fā)布管控系統(tǒng)的下一步工作將主要實現(xiàn)以下功能：

1） 在手機等移動設(shè)備領(lǐng)域，支持 HTML5 的瀏覽器將迅速增長，通過進一步開發(fā)，電力信息發(fā)布管控系統(tǒng)適用于移動終端，進一步擴大受眾面。

2） 隨著電信網(wǎng)、廣播電視網(wǎng)、互聯(lián)網(wǎng)三網(wǎng)融合的發(fā)展，HTML5將會成為未來網(wǎng)絡(luò)融合后系統(tǒng)的一部分，而電視也不再是傳統(tǒng)意義上的電視，用戶可以通過電視觀看網(wǎng)絡(luò)視頻。而基于HTML5技術(shù)的電力信息發(fā)布管控系統(tǒng)，可以通過電視平臺，進入千家萬戶。

參考文獻：

[1] 劉華星，楊庚.HTML5——下一代Web開發(fā)標(biāo)準(zhǔn)研究[J].計算機技術(shù)與發(fā)展，2011（8）.

[2] 百度文庫.淺析HTML5在多媒體上的應(yīng)用前景[EB/OL].[2012-11-07].http：//wenku.baidu.com/view/e3542007de80d4d8d15a4f0c.html.