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能够视频的播放来丰富网页的内容，增强页面的效果。在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能够视频的播放来丰富网页的内容，增强页面的效果。在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