HTML5視頻處理技術研究

李連民等

摘要：HTML5能夠視頻的播放來豐富網頁的內容，增強頁面的效果。在HTML5中使用新增的video標記與處理視頻數據，使用JavaScript MediaAPI創建HTML5視頻的自定義控件，來操縱視頻的播放。該文主要研究HTML5多媒體應用開發的知識，使用HTML5標記在Web文檔中嵌入視頻以及如何使用JavaScript MediaAPI控制視頻。

關鍵詞：HTML5；視頻數據；多媒體應用

中圖分類號：TP302 文獻標識碼：A 文章編號：1009-3044（2014）29-6949-04

在網頁中播放聲音文件，讓用戶在瀏覽器上瀏覽，現在還沒有一個統一的標準。現在多數音頻可以通過瀏覽器插件（例如Flash）來進行播放，但有些瀏覽器并不支持使用同一種插件。HTML5可以通過添加video標記來播放視頻文件。video標記能夠播放視頻文件或者視頻流，使用video API創建HTML5視頻自定義控件，來控制視頻播放。

1 視頻格式

目前，大部分瀏覽器已經支持video標記，IE瀏覽器從IE9開始支持MPEG4格式的視頻文件。video 元素支持三種視頻格式，表1是支持幾種視頻格式的瀏覽器及其版本。

4 結束語

本文說明了HTML5中新增標記：video標記，可以使用它處理視頻數據。通過video標記可以用來添加視頻，video標記能夠播放視頻文件或者視頻流。使用 HTML5 video標記可向網頁中添加視頻，而無須使用外部控件或程序。若對加載的視頻文件及其播放擁有更多的控制。可將video標記與JavaScript 結合使用，可以執行該操作并且還可以執行進一步操作。

參考文獻：

[1] Eric A.Meyer.CSS權威指南[M].尹志忠，譯.北京：中國電力出版社，2007.

[2] Peter Lubbrs.HTML5高級程序設計[M].李杰，譯.北京：人民郵電出版社，2011.

[3] Rob Hawkes.HTML5 Canvas基礎教程[M].周廣新，譯.北京：人民郵電出版社，2012.

[4] http：//www.w3school.com.cn/.endprint

摘要：HTML5能夠視頻的播放來豐富網頁的內容，增強頁面的效果。……