HTML5視頻處理技術(shù)研究

李連民等

摘要：HTML5能夠視頻的播放來豐富網(wǎng)頁的內(nèi)容，增強(qiáng)頁面的效果。在HTML5中使用新增的video標(biāo)記與處理視頻數(shù)據(jù)，使用JavaScript MediaAPI創(chuàng)建HTML5視頻的自定義控件，來操縱視頻的播放。該文主要研究HTML5多媒體應(yīng)用開發(fā)的知識(shí)，使用HTML5標(biāo)記在Web文檔中嵌入視頻以及如何使用JavaScript MediaAPI控制視頻。

關(guān)鍵詞：HTML5；視頻數(shù)據(jù)；多媒體應(yīng)用

中圖分類號(hào)：TP302 文獻(xiàn)標(biāo)識(shí)碼：A 文章編號(hào)：1009-3044（2014）29-6949-04

在網(wǎng)頁中播放聲音文件，讓用戶在瀏覽器上瀏覽，現(xiàn)在還沒有一個(gè)統(tǒng)一的標(biāo)準(zhǔn)?，F(xiàn)在多數(shù)音頻可以通過瀏覽器插件（例如Flash）來進(jìn)行播放，但有些瀏覽器并不支持使用同一種插件。HTML5可以通過添加video標(biāo)記來播放視頻文件。video標(biāo)記能夠播放視頻文件或者視頻流，使用video API創(chuàng)建HTML5視頻自定義控件，來控制視頻播放。

1 視頻格式

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

4 結(jié)束語

本文說明了HTML5中新增標(biāo)記：video標(biāo)記，可以使用它處理視頻數(shù)據(jù)。通過video標(biāo)記可以用來添加視頻，video標(biāo)記能夠播放視頻文件或者視頻流。使用 HTML5 video標(biāo)記可向網(wǎng)頁中添加視頻，而無須使用外部控件或程序。若對(duì)加載的視頻文件及其播放擁有更多的控制?？蓪ideo標(biāo)記與JavaScript 結(jié)合使用，可以執(zhí)行該操作并且還可以執(zhí)行進(jìn)一步操作。

參考文獻(xiàn)：

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

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

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

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

摘要：HTML5能夠視頻的播放來豐富網(wǎng)頁的內(nèi)容，增強(qiáng)頁面的效果。在HTML5中使用新增的video標(biāo)記與處理視頻數(shù)據(jù)，使用JavaScript MediaAPI創(chuàng)建HTML5視頻的自定義控件，來操縱視頻的播放。該文主要研究HTML5多媒體應(yīng)用開發(fā)的知識(shí)，使用HTML5標(biāo)記在Web文檔中嵌入視頻以及如何使用JavaScript MediaAPI控制視頻。

關(guān)鍵詞：HTML5；視頻數(shù)據(jù)；多媒體應(yīng)用

中圖分類號(hào)：TP302 文獻(xiàn)標(biāo)識(shí)碼：A 文章編號(hào)：1009-3044（2014）29-6949-04

在網(wǎng)頁中播放聲音文件，讓用戶在瀏覽器上瀏覽，現(xiàn)在還沒有一個(gè)統(tǒng)一的標(biāo)準(zhǔn)?，F(xiàn)在多數(shù)音頻可以通過瀏覽器插件（例如Flash）來進(jìn)行播放，但有些瀏覽器并不支持使用同一種插件。HTML5可以通過添加video標(biāo)記來播放視頻文件。video標(biāo)記能夠播放視頻文件或者視頻流，使用video API創(chuàng)建HTML5視頻自定義控件，來控制視頻播放。

1 視頻格式

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

4 結(jié)束語

本文說明了HTML5中新增標(biāo)記：video標(biāo)記，可以使用它處理視頻數(shù)據(jù)。通過video標(biāo)記可以用來添加視頻，video標(biāo)記能夠播放視頻文件或者視頻流。使用 HTML5 video標(biāo)記可向網(wǎng)頁中添加視頻，而無須使用外部控件或程序。若對(duì)加載的視頻文件及其播放擁有更多的控制?？蓪ideo標(biāo)記與JavaScript 結(jié)合使用，可以執(zhí)行該操作并且還可以執(zhí)行進(jìn)一步操作。

參考文獻(xiàn)：

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

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

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

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

摘要：HTML5能夠視頻的播放來豐富網(wǎng)頁的內(nèi)容，增強(qiáng)頁面的效果。在HTML5中使用新增的video標(biāo)記與處理視頻數(shù)據(jù)，使用JavaScript MediaAPI創(chuàng)建HTML5視頻的自定義控件，來操縱視頻的播放。該文主要研究HTML5多媒體應(yīng)用開發(fā)的知識(shí)，使用HTML5標(biāo)記在Web文檔中嵌入視頻以及如何使用JavaScript MediaAPI控制視頻。

關(guān)鍵詞：HTML5；視頻數(shù)據(jù)；多媒體應(yīng)用

中圖分類號(hào)：TP302 文獻(xiàn)標(biāo)識(shí)碼：A 文章編號(hào)：1009-3044（2014）29-6949-04

在網(wǎng)頁中播放聲音文件，讓用戶在瀏覽器上瀏覽，現(xiàn)在還沒有一個(gè)統(tǒng)一的標(biāo)準(zhǔn)?，F(xiàn)在多數(shù)音頻可以通過瀏覽器插件（例如Flash）來進(jìn)行播放，但有些瀏覽器并不支持使用同一種插件。HTML5可以通過添加video標(biāo)記來播放視頻文件。video標(biāo)記能夠播放視頻文件或者視頻流，使用video API創(chuàng)建HTML5視頻自定義控件，來控制視頻播放。

1 視頻格式

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

4 結(jié)束語

本文說明了HTML5中新增標(biāo)記：video標(biāo)記，可以使用它處理視頻數(shù)據(jù)。通過video標(biāo)記可以用來添加視頻，video標(biāo)記能夠播放視頻文件或者視頻流。使用 HTML5 video標(biāo)記可向網(wǎng)頁中添加視頻，而無須使用外部控件或程序。若對(duì)加載的視頻文件及其播放擁有更多的控制?？蓪ideo標(biāo)記與JavaScript 結(jié)合使用，可以執(zhí)行該操作并且還可以執(zhí)行進(jìn)一步操作。

參考文獻(xiàn)：

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

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

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

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