Video.js 博客

Steve Heffernan2013-09-06

Video.js 4.2.0 发布!RTMP、CSS 设计器和稳定性

九月快乐!Video.js 4.2.0 版本带来了一些有趣的更新,以及大量的稳定性和改进。

RTMP 支持

首先,感谢社区成员的卓越协作,我们现在支持 RTMP(测试版)。查看示例

RTMP 的支持目前仍是基本功能,但我们认为它将覆盖许多常见用例。该功能支持包括:

  • 单一流(不支持客户端自适应)
  • 仅支持 Flash,HTML5 视频不支持RTMP(但 iOS 设备支持 HLS)
  • 仅支持点播。我们尚未更新用户界面以支持直播。

要在 Video.js 播放器中加载 RTMP 流,您将像使用其他源类型一样使用 source 标签

<source
  src="rtmp://your.streaming.provider.net/cfx/st/&amp;mp4:path/to/video.mp4"
  type="rtmp/mp4"
/>

连接和流部分通过在第一个和号(&)或最后一个斜杠(/)处分割 URL 来确定。

[http://myurl.com/streaming&amp;/is/fun](http://myurl.com/streaming&amp;/is/fun) --&gt;
  connection: [http://myurl.com/streaming](http://myurl.com/streaming)
  stream: /is/fun

-or-

[http://myurl.com/streaming/is/fun](http://myurl.com/streaming/is/fun) --&gt;
  connection: [http://myurl.com/streaming/is](http://myurl.com/streaming/is)
  stream: fun

可用的源类型包括 rtmp/mp4rtmp/flv

多年来 RTMP 一直是备受请求的功能,并且它终于可以在播放器中使用了。感谢所有参与这项工作的人。

播放器皮肤设计器

如果您错过了之前的博文,请务必查看新的播放器皮肤设计界面。它真正展示了 Video.js 控件的可定制性,这些控件完全由 HTML 和 CSS 构建。

随着 4.2 版本的发布,设计器中的样式已更新为最新的播放器样式。

控制栏更新

之前的博文中,我还描述了对控制栏进行的一些更新,以修复跨浏览器/设备问题并改进整体功能。截至 4.2.0 版本,所有这些更新都已纳入稳定版。

其他更新

除了之前的更新,还有许多补丁和增强功能。以下是完整列表:

  • 为默认皮肤添加了 LESS 作为 CSS 预处理器(查看
  • 导出了 MenuButtons 供 API 使用(查看
  • 修复了移除使用 one() 添加的监听器的能力(查看
  • 更新了 buffered() 以考虑多个已加载范围(查看
  • 导出了 createItems() 用于自定义菜单(查看
  • 阻止媒体事件冒泡到 DOM(查看
  • 控制栏进行了重大改造,并修复了许多问题(查看
  • 修复了 Windows 系统上代码最小化的问题(查看
  • 添加了通过 Flash 进行 RTMP 流传输的支持(查看
  • 使 tech.features 可供外部技术使用(查看
  • 次要代码改进(查看
  • 更新了时间格式以支持 NaN 和 Infinity(查看
  • 修复了在没有加载任何技术时出现的 undefined 错误(查看
  • 导出了 addClass 和 removeClass 用于播放器组件(查看
  • 使回退消息可定制(查看
  • 修复了加载微调器位置和旋转的问题(查看
  • 修复了 IE8 中字体不稳定问题

最新版本可通过下载链接或 CDN 托管版本在 videojs.com 上找到。

此致,

-heff