网络视频播放器选择研究报告
备择方案:
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端使用。
由于ios不再支持flash,并且adobe最近也宣布不再为android平台提供flash支持,因此在移动端使用html5视频播放。 详情请参阅《移动浏览器支持HTML5视频播放的调查报告》
移动浏览器支持html5视频播放的研究报告
安卓系统
浏览器对视频格式的支持
游玩体验:
uc浏览器:播放html5视频时,会手动全屏,体验不错。
手机QQ浏览器:播放html5视频时,也会手动全屏,体验相当不错。
内置浏览器:播放视频时,会手动调用系统外部播放器,体验更好。
Chrome浏览器:播放时默认直接在浏览器中播放,需要自动切换到全屏。
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视频的支持,大部分浏览器都有比较好的支持,除了firefox和opera不支持mp4格式外html5 视频播放器,其余都支持mp4格式。 所以如果在PC端使用flash播放mp4格式的视频,这样的视频格式在PC端和移动端都能有更好的支持。 然而,由于移动终端的带宽限制,与PC终端相比,可能会使用较低的帧率。 在这种情况下,同一个视频文件需要多个不同的帧速率。
参考:
HTML5 视频简介
Html5视频播放及API接口演示
HTML5视频播放的一些限制
移动浏览器内核调查
Android联通设备将不再支持flash插件
测试浏览器对 HTML5 的支持
奇点联通版体验(html5):
优酷ipad版体验(html5):
发表评论