视频播放

  • 背景

    Web浏览器正在朝着更严格的自动播放策略发展,以便改善用户体验,最大限度地降低安装广告拦截器的积极性并减少昂贵和/或受限网络上的数据消耗。这些更改旨在为用户提供更大的播放控制权,并使开发商获得合法用例。

    新的特性

    Chrome的自动播放政策很简单:

    • 静音自动播放总是允许的。
    • 在下列情况下允许使用声音自动播放:
      • 用户已经与域进行了交互(点击,tap等)。
      • 在桌面上,用户的媒体参与指数阈值(MEI)已被越过,这意味着用户以前播放带有声音的视频。
      • 在移动设备上,用户已将该网站添加到主屏幕。
      • 顶部框架可以将自动播放权限授予其iframe以允许自动播放声音。

    媒体参与指数(Media

  • 原文链接: EME WTF?
    翻译日期: 2018年6月8日
    翻译人员: Gnip

    目录

    • EME如何工作?
    • ...但CDM实际上做了什么?
    • 从许可证服务器获取密钥
    • 常见的加密
    • 清除密钥
    • 媒体源扩展(MSE)
    • 基于HTTP的动态自适应流媒体
    • 结论
    • 参考文章
    • 演示

    加密媒体扩展提供了一个API,允许web应用与内容保护系统交互,允许播放加密的音频和视频。

    EME被设计来保证相同的应用和加密文件可以在任何浏览器环境使用,不管底层保护系统。
    前者是通过标准API和规则实现,而后者是由通用加密Common Encryption概念实现。

    EME得名来自对HTMLMediaElement规范的扩展。


  • video标签属性和事件

    video标签的属性:

    • src :视频的属性
    • poster:视频封面,没有播放时显示的图片
    • preload:预加载
    • autoplay:自动播放
    • loop:循环播放
    • controls:浏览器自带的控制条
    • width:视频宽度
    • height:视频高度

    Video 对象属性:

    • audioTracks: 返回表示可用音频轨道的 AudioTrackList 对象。
    • autoplay: 设置或返回是否在就绪(加载完成)后随即播放视频。
    • buffered: 返回表示视频已缓冲部分的 TimeRanges 对象。
    • controller: 返回表