Video.js 博客

Matthew McClure2015-02-18

Video.js 4.12 - 4.x 次要版本的最终版本

大幅改进的 WebVTT 支持

我们很早就添加了基本的 WebVTT 支持,对此我们感到非常自豪。然而,随着浏览器增加对 WebVTT 的支持,我们的垫片(shim)开始有些滞后,或者至少与需要原生支持的浏览器(比如 iOS)产生兼容问题。

因此,我们很高兴地宣布,此版本对文本轨道(text track)的支持有了大幅改进!我们不再继续尝试构建自己的 WebVTT 解析器,而是引入了 Mozilla 出色的工作成果 VTT.js。这是 Firefox / Gecko 中使用的 WebVTT 实现,因此我们相信这对于 Video.js 和我们的辅助功能(accessibility)工作而言是一个实质性的飞跃。

不使用字幕?感到失望?

你不应该感到失望,这是个大日子!此版本包含许多修复,虽然修复对受影响的人来说总是令人兴奋,但其他人可能会觉得“不怎么样”。然而,我们很高兴地说,此版本因另一个非常重要的原因而令人兴奋。

这是 4.x 版本系列的最后一个次要版本。可能还会有一些补丁,但从现在起,master 分支将正式成为待发布的 5.0 版本。欢呼吧。

party

4.12 版本的显著更新和修复

  • hide / show 方法现在通过切换类(.vjs-hidden)而不是应用内联样式来实现。请务必同步更新您的样式表!
  • 当您进行,没错,时间轴拖动时,会应用一个新的 .vjs-scrubbing 类,从而防止菜单在悬停时错误地显示。
  • 改进了 IE9 中的 URL 解析。
  • 想知道您正在使用哪个版本吗?现在有一个 VERSION 键了。太棒了。
  • 新增 .vjs-ended 类,在播放到达时间轴末尾时(也称为:结束)添加。
  • 播放器 networkState 和 readyState 属性在所有技术栈中可用
  • Video.js 现在作为具名 AMD 模块导出
  • 移动端滚动改进
  • 还有更多!修复多多!

翻译狂欢继续

我们现在已经有 19 个社区提交的翻译了!此版本中全新增加的翻译包括

  • 繁体中文
  • 越南语
  • 捷克语
  • 加泰罗尼亚语
  • 保加利亚语
  • 土耳其语

Video.js 的广泛应用

说实话,其中一些应用让我们感到非常惊叹。通常我们只列举一个,但这次嘛…

社交媒体

全球新闻媒体

社区贡献的新插件

  • videojs-Background:一个允许视频作为任何元素的完整背景显示的插件。
  • videojs-brightcoveAnalytics:允许在 Video.js 中跟踪 Brightcove 视频的观看/曝光及互动数据&(此行为空,已合并到上一行翻译中)
  • videojs-caption:为 Video.js 提供最灵活强大的字幕显示功能。
  • videojs-transcript:从字幕或副标题轨道显示交互式文本。
  • videojs-autoplay-toggle:添加一个自动播放开关,其状态将保存在 cookie 或本地存储中。
  • videojs-offset:允许您播放视频的某个片段。
  • videojs-youtube-progress:当控制条隐藏时,保留进度条(seeker)。
  • projectorjs:一个小型、无依赖的 JavaScript 库,可以在原生 HTML5 视频元素或(可选)由 Video.js 驱动的视频元素上显示覆盖层。
  • videojs-record:一个用于录制音频/视频文件的 Video.js 插件。
  • videojs-dashjs:加载 dash.js 作为技术支持 MPEG-DASH 视频。
  • videojs-silverlight:允许您在 Video.js 中通过 Silverlight 播放 WMV、WMA、MP4、MP3、WAV 和 FLAC 媒体。
  • videojs-vlc:允许您在 Video.js 中通过 VLC 网络插件播放所有媒体。
  • videojs-aurora:允许您在 Video.js 中通过 Aurora.js 播放 WAV、OGG、MP3、M4A、AAC 和 FLAC 媒体。
  • videojs-java:允许您在 Video.js 中通过 Java 播放 AIFF、AVI、GSM、MID、MPG、MP2、MOV、AU 和 WAV 媒体。

变更原始列表

  • @PeterDaveHello 添加了繁体中文翻译 (查看)
  • @mmcc 将 hide/show 函数更新为使用类而不是内联样式 (查看)
  • @mister-ben 改进了播放器已初始化时对额外 videojs() 参数的处理 (查看)
  • @anhskohbo 添加了越南语翻译 (查看)
  • @Sxmanek 添加了捷克语翻译 (查看)
  • @jcaron23 添加了 vjs-scrubbing CSS 类,并防止在拖动时间轴时显示菜单 (查看)
  • @dmlap 修复了 IE9 中的 URL 解析问题 (查看)
  • @gkatsev 修复了 ManualTimeUpdatesOff 未取消注册事件的问题 (查看)
  • @brycefisher 添加了关于播放器销毁的指南 (查看)
  • @toniher 添加了加泰罗尼亚语翻译 (查看)
  • @mmcc 向 videojs 对象添加了 VERSION 键 (查看)
  • @mmcc 修复了 #1681 中引入的文本轨道隐藏问题 (查看)
  • @dmlap 将 video.js 导出为具名 AMD 模块 (查看)
  • @dmlap 修复了 loadstart 事件未触发时海报隐藏的问题 (查看)
  • @chikathreesix 修复了 Chrome 中的对象删除错误 (查看)
  • @steverandy 修复了触摸设备上在播放器上方滚动的问题 (查看)
  • @mmcc 改进了点击灵敏度 (查看)
  • @mister-ben 在播放到达时间轴末尾时添加了 vjs-ended 类 (查看)
  • @dmlap 添加了网络和就绪状态属性 (查看)
  • @woollybogger 导出了 hasClass 函数 (查看)
  • @DevGavin 修复了中文翻译 (查看)
  • @iSimonWeb 添加了 font-path 变量 (查看)
  • @shoshomiga 添加了保加利亚语翻译 (查看)
  • @ragecub3 添加了土耳其语翻译 (查看)
  • @gkatsev 大幅改进了文本轨道支持,并实现了 vtt.js 作为 WebVTT 解析器 (查看)
  • @gkatsev 修复了 Chrome 和 Safari 中字幕默认显示的问题 (查看)
  • @mister-ben 修复了 Firefox 中的 woff 警告 (查看)