HTML5 Video Player概览

在线视频播放与管理技术深度解析
本文深入探讨了在线视频播放的关键技术,包括浏览器和设备的市场份额、媒体格式支持、全屏播放、自适应流、可访问性等。详细介绍了各浏览器的视频控制特性、全屏API标准、自适应流的实现方式以及如何通过键盘控制和文本追踪提高视频的可访问性。

从以下三个方面分析

1.浏览器和设备的市场份额

2.媒体格式的支持

通过服务器端detect浏览器发送请求时的user-agent。

clip_image001

3.标签属性

属性支持:

clip_image002

新增属性

muted

每个浏览器的视频控制看起来各有不同,但是它们都提供了相同的选项:一个播放/暂停开关,一个播放进度条和一个音量控制条。Safari还提供了2个额外的按钮:全屏和30秒回退。

4.全屏播放

全屏API标准

5.自适应流

自适应流是在线视频的一个核心组成部分。它能够实现:缓冲控制,流内质量调整,live/dvr以及密码和DRM安全机制。自适应流并不属于HTML5标准,但是浏览器可以通过从HTML5的<source>标签中下载控制表单实现这一功能。目前支持HTML5的平台中只有iOS提供自适应流。

6.可访问性

键盘控制和文本追踪

参考文献:

中文翻译: http://www.webapptrend.com/2012/02/1613.html

英文原文: http://www.longtailvideo.com/html5/

 

转载于:https://www.cnblogs.com/liminjun88/archive/2012/04/28/2475253.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值