html5 视频播放器-研究报告网络视频播放器选择

网络视频播放器选择研究报告

备择方案:

html5视频标签

Flash播放器

html5 + 闪存

简要说明:

html5:由于浏览器不完全支持html5,单纯使用html5 video标签的解决方案无法满足需求。

Flash播放器:目前大多数网页播放器仍然使用Flash播放器,其功能强大,API接口丰富,兼容性好,但浏览器需要单独安装Flash插件。

html5+flash:这种方案是主流趋势。 由于html5原生支持video标签,因此可以直接在浏览器中播放视频,无需安装任何插件。 这些方案在支持html5的浏览器中采用,对于不支持html5的浏览器则采用降级的flash方案。

可行性分析:

浏览器对 html5 视频标签的支持

目前支持html5的浏览器包括:IE9+、chrome、firefox、opera、safari。 虽然上述浏览器的最新版本都支持html video标签,但是各个浏览器支持的视频格式并不一致html5 视频播放器,如下表所示:

三种视频格式说明:

mp4:采用H.264编码方式

webm:采用VP8编码方式

ogg:使用Theora编码方式

目前html5 video标签支持以上三种格式的视频文件,但没有一种视频格式是所有浏览器都支持的,所以同一个视频文件必须有两种视频格式才能兼容所有浏览器。

html5视频的一些限制:

IE9很难实现全屏,这对用户体验肯定不好

播放的视频文件很难受到保护(即DRM安全策略),用户可以轻松下载,这也很难满足课程项目的需求

第三点是里面的分析,各个浏览器支持的视频格式不一致

html5视频的优点

HTML5视频比flash更稳定,而flash在浏览器中经常容易出现“假死”现象。

HTML5视频比flash更节省性能成本,尤其是联通没有足够的硬件资源时,flash会消耗更多电量。

现有主流视频网站采用的一些解决方案:

比如优酷等主流视频网站在PC端仍然采用flash播放器方案,视频格式为.flv。 在移动端(iPad和iPhone等),为了让其播放视频,采用了html5视频方式,视频的格式为H.264编码的mp4。

初始程序的选择

通过上面的分析,由于html5视频播放的一些限制,目前不适合在PC端使用,所以所有的flash播放器都在PC端使用。

html5自动无声播放视频_html5 视频播放器_野鸡诱捕器视频播放

由于ios不再支持flash,并且adobe最近也宣布不再为android平台提供flash支持,因此在移动端使用html5视频播放。 详情请参阅《移动浏览器支持HTML5视频播放的调查报告》

移动浏览器支持html5视频播放的研究报告

安卓系统

浏览器对视频格式的支持

游玩体验:

uc浏览器:播放html5视频时,会手动全屏,体验不错。

手机QQ浏览器:播放html5视频时,也会手动全屏,体验相当不错。

内置浏览器:播放视频时,会手动调用系统外部播放器,体验更好。

Chrome浏览器:播放时默认直接在浏览器中播放,需要自动切换到全屏。

野鸡诱捕器视频播放_html5 视频播放器_html5自动无声播放视频

Opera mobile:不支持全屏,也不支持拖拽,只能在浏览器中播放,体验不好。

ios系统

由于苹果应用商店不允许非webkit核心的浏览器进入,所以ios中所有浏览器都是基于webkit核心的,一般都支持mp4格式。

游玩体验:有iPhone的朋友可以测试一下。

Windows手机系统

与 Apple App Store 一样,Windows Phone 不允许使用不带 IE 内核的浏览器。 目前最新的Windows Phone 8外接了IE10浏览器,对于视频播放还是非常友好的。

游玩体验:有window Phone的朋友可以体验一下。

视频比特率

320*240(小) 480*320(中) 640*480(垫)

野鸡诱捕器视频播放_html5 视频播放器_html5自动无声播放视频

综合方案

基于以上浏览器对移动端html5视频的支持,大部分浏览器都有比较好的支持,除了firefox和opera不支持mp4格式外html5 视频播放器,其余都支持mp4格式。 所以如果在PC端使用flash播放mp4格式的视频,这样的视频格式在PC端和移动端都能有更好的支持。 然而,由于移动终端的带宽限制,与PC终端相比,可能会使用较低的帧率。 在这种情况下,同一个视频文件需要多个不同的帧速率。

参考:

HTML5 视频简介

Html5视频播放及API接口演示

HTML5视频播放的一些限制

移动浏览器内核调查

Android联通设备将不再支持flash插件

测试浏览器对 HTML5 的支持

奇点联通版体验(html5):

优酷ipad版体验(html5):