Gary Katsevman2019-01-11Video.js 7.4
现在是时候对 Video.js 7.4 进行概述了，它于 12 月初首次发布。此版本的一大新功能是允许您在直播流中进行拖动的用户界面。我们更新了 focus-visible 以与我们的菜单配合使用，增加了更多翻译，在播放/暂停按钮中添加了重播选项，以及许多许多修复，其中多项与辅助功能相关。
我们还在构建过程中放弃了对 Grunt 的使用。我们非常感谢 Grunt，它为我们提供了很好的服务，但现在是时候继续前进了。
Video.js 7.4.1 是目前的最新版本，7.4.2 作为预发布版本将在下周发布。
致谢
在继续之前，我要感谢所有参与者，我们非常感谢您的贡献！总共有 14 位首次贡献者，我认为这对我们来说是一个历史新高，我希望这能继续下去！
- @BrandonOCasey
- @gesinger
- @gjanblaszczyk （首次贡献者！）
- @valse （首次贡献者！）
- @gstrat88
- @eranshmil （首次贡献者！）
- @carlmorris （首次贡献者！）
- @bartlomein （首次贡献者！）
- @DanielRuf （首次贡献者！）
- @Quenty31 （首次贡献者！）
- @fketchakeu （首次贡献者！）
- @OwenEdwards
- @alex-barstow
- @vitaliytv （首次贡献者！）
- @oaprograms （首次贡献者！）
- @xjoaoalvesx （首次贡献者！）
- @webdeveloperpr （首次贡献者！）
- @smbea （首次贡献者！）
- @dustin71728 （首次贡献者！）
直播用户界面
Video.js 已经支持直播流一段时间了，无论是原生支持，还是通过 videojs-http-streaming (VHS)。然而，这个用户界面非常简单，它禁用了进度条，并且基本上只允许暂停，尽管有一个指示器表明这是一个直播流。
新的用户界面与之前的直播用户界面和常规控制栏非常相似。“直播”指示器会移动到进度条的右侧，并指示我们是在实时播放还是落后于直播。点击此按钮将跳转到“直播点”。时间显示和工具提示将显示相对于直播点的时间；因此，直播点的当前时间将为 0，如果您回退 30 秒，它将显示 -00:30。
此功能仍处于实验阶段，因此，它默认是关闭的。我们希望您能尝试一下并给我们反馈，以便我们可以在未来的版本中默认启用它。
要启用此功能，请在播放器中传入 liveui: true：在 JavaScript 中
var player = videojs('my-id', {
liveui: true
}
);或 HTML
<video-js id="my-id" data-setup='{"liveui": true}'}>
<source src="https://example.com/live.m3u8" type="application/x-mpegurl">
</video-js>语言
在 7.4 版本系列中，我们添加并更新了许多语言。此外，我们现在将 JSON 文件复制到 dist/lang 文件夹中，以便您更轻松地将其包含在项目中。
已添加和更新的语言
- 奥克语 (oc)
- 俄语 (ru)
- 威尔士语/康瓦尔语 (cy)
- 乌克兰语 (uk)
- 塞尔维亚语 (sr)
- 瑞典语 (sv)
辅助功能
一如既往，我们的目标是让 Video.js 尽可能地易于访问和使用。为此，我们在这些版本中进行了一系列与辅助功能相关的修复。
- VoiceOver 的时间显示辅助功能
- 移除进度条中隐藏的控制文本
- 使跳转到直播按钮正确地向屏幕阅读器宣布其功能
- 使剩余时间显示中的“-”仅为视觉效果，不被屏幕阅读器读取
其他功能更新
响应式字幕设置对话框
这使用了新的 responsive 设置和断点，使对话框能够根据播放器的大小进行响应，从而改善用户体验。
播放/暂停按钮的重播选项
当视频结束时，播放/暂停按钮会将图标更改为重播图标，大多数用户不介意这一点，并且它之前是一个高需求功能。这增加了一个选项来将其关闭。
focus-visible 菜单背景
与按钮的其他轮廓一样，我们使用不同的背景颜色来表示菜单中的焦点。我们应该像处理按钮轮廓一样，在那里也遵守 focus-visible。
playerreset 事件
当播放器使用 reset() 方法重置时，它现在将触发一个 playerreset 事件，以便组件和用户知晓。
其他修复
- 修复全屏事件触发两次的问题 (7.4.2)
- 播放/暂停按钮的光标指针
- 在 loadedmetadata 而非 loadstart 时选择默认字幕
- 如果未设置语言，则不要将用户偏好应用于字幕
- 确保 vjs-waiting 仅在重新开始播放后才被移除
- 允许将 duration 设置为 NaN，使 Video.js 更符合规范
- 修复按下菜单按钮时菜单锁定的问题
- 将子组件移动到新父级时，从旧父级中移除该子组件
- 视频结束后拖动时移除 vjs-ended
- 鼠标悬停时不要自动隐藏控制栏
7.4.0、7.4.1 和 7.4.2 的完整更新日志
## [7.4.2](https://github.com/videojs/video.js/compare/v7.4.1...v7.4.2) (2019-01-08)Bug 修复
- 当光标移到控制栏上方时自动隐藏 #5258 (#5692) (6ebc772)
- CSS 动画简写属性顺序 (#5687) (0e69ce9)
- fs: 确保只有一个 fullscreenchange 事件 (#5686) (2bc90a1)，解决了 #5685
- lang: 添加 liveui 组件使用的瑞典语翻译 (#5704) (f38726e)
- package: 将 @videojs/http-streaming 更新到 1.6.0 版本 🚀 (#5705) (3d093ed)
- player: 在拖动后移除 vjs-ended 类 (#5728) (f1637cd)，解决了 #5654
- remaining-time-display: 使“-”仅为视觉效果，不被屏幕阅读器读取 (#5671) (05513f8)，解决了 #5168
- seekbar: 如果直播追踪器的可拖动范围是无限大，则不要禁用 (#5721) (7f507df)
- 通过 addChild 移动到新父级时，从旧父级中移除子级 (#5702) (8a3e2a7)
杂项
- package: 将 babel 更新到 7.2.2 版本 (#5697) (30d0b98)，解决了 #5689
- package: 将 rollup 更新到 0.68.0 版本 🚀 (#5690) (f0ba1f5)
文档
## [7.4.1](https://github.com/videojs/video.js/compare/v7.4.0...v7.4.1) (2018-12-11)Bug 修复
- a11y: VoiceOver 的当前时间显示和持续时间显示辅助功能 (#5653) (8932611)，解决了 /www.w3.org/TR/html-aam-1.0/#details-id-124
- a11y: 修复进度条中隐藏的控制文本 (修复 #5251) (#5655) (70a71ae)
- a11y: 使跳转到直播功能更好地向屏幕阅读器用户宣布其功能 (#5651) (165c120)
- lang: 追加乌克兰语翻译并修复检查翻译命令 (#5642) (b7aafdc)
- lang: 改进瑞典语语言文件 (#5673) (b9d8744)
- lang: 更新 sr.json (#5657) (98b4a1c)
- liveui: 放宽边缘检测，添加选项文档 (#5661) (dce4a2c)
- liveui: 跳转到直播应立即执行，并进行其他调整 (#5650) (831961b)
- package: 将 @videojs/http-streaming 更新到 1.5.1 版本 🚀 (#5658) (8c9702a)
杂项
- package: 将 autoprefixer 更新到 9.4.2 版本 (#5647) (19f3465)
- package: 将 rollup-plugin-node-resolve 更新到 4.0.0 版本 🚀 (#5666) (d07b6c2)
文档
测试
# [7.4.0](https://github.com/videojs/video.js/compare/v7.3.0...v7.4.0) (2018-12-03)功能
- 为 PlayToggle 组件添加“重播”选项。 (#5531) (f178458)，解决了 #4802
- lang: 添加奥克语区域设置 (#5578) (0fb637d)
- lang: 添加威尔士语/康瓦尔语 (cy) 翻译 (#5561) (b2c1077)
- lang: 将语言 JSON 文件复制到 dist 目录 (#5549) (eb5de19)，解决了 #5092
- player: 添加 playerreset 事件 (#5335) (0e5442f)
- 使菜单背景尊重 :focus-visible (#5558) (e5e1e29)
- 响应式字幕设置 (#5534) (b67fe27)
- 通过 liveui 选项支持直播播放期间的拖动 (#5511) (2974ad3)
Bug 修复
- 为播放/暂停切换添加正确的光标指针 (#5463) (aed337a)
- 默认字幕未启用 (#5608) (8329e64)
- tracks: 如果未设置语言，则不要根据用户偏好选择轨道 (#5556) (c1cbce3)，解决了 #5553
- 在时间更改之前不要移除 vjs-waiting (#5533) (0060747)
- lang: 添加俄语“正在加载”翻译 (#5630) (0090b75)
- lang: 奥克语：单复数和谐化 (#5602) (4842201)
- package: 将 @videojs/http-streaming 更新到 1.4.2 版本 🚀 (#5543) (dbaca33)
- package: 将 @videojs/http-streaming 更新到 1.5.0 版本 🚀 (#5587) (d95ef6f)
- 持续时间重置并允许持续时间显示为 NaN 或 0 (#5348) (ab0e29a)，解决了 #5347
- 鼠标悬停后音量滑块未内联显示 (#5503) (7d127c8)，解决了 #5502 #5505
- 当鼠标不再悬停在菜单按钮上时，vjs-lock-showing 类会从菜单中移除。 (#5465) (58f638e)，解决了 #1690
杂项
- 修复使用 lint-staged 在 pre-commit 上进行 linting 的问题，使用 npm-merge-driver (#5591) (be9e9a9)
- 修复 Travis 构建 (#5627) (6c1056b)，解决了 #5626 #5616
- 将 a11y、lang、browserify 和 webpack 移出 grunt (#5589) (db6e376)
- 将复制、压缩和清理任务移动到 npm 脚本 (#5544) (2d682a4)
- 移除 grunt 迁移到 npm 脚本 (#5592) (d72786f)
- 从 cross-var 切换到 cross-env (#5600) (ab740bc)
- 切换到 videojs-generate-karma-config (#5528) (2e70450)
- 将所有开发依赖更新到最新版本 (#5645) (db1369a)，解决了 #5644 #5643
- 更新依赖，移除 coveralls，修复审计问题 (#5555) (11f1fb8)
- 在 index.html 中使用相对 URL (#5586) (dec31e4)
- netlify: 使文档正确构建 (#5636) (a8828cd)
- package: 将 conventional-changelog-cli 更新到 2.0.11 版本 (#5552) (f236176)
- package: 将 grunt-cli 更新到 1.3.2 版本 (#5550) (2d27b6a)
- package: 将 husky 更新到 1.1.3 版本 (#5551) (937e2bf)
- package: 将 npm-run-all 更新到 4.1.5 以移除 event-stream (#5614) (3e52c4f)
- package: 将 remark-stringify 更新到 6.0.1 版本 (#5539) (d46828a)
- package: 将 rollup 更新到 0.67.1 版本 (#5580) (209d9f9)
- package: 将 videojs-generate-karma-config 更新到 5.0.0 版本 🚀 (#5595) (2162239)
- player: 修复评论的 linting 问题 (#5588) (b5e6bdc)
- travis: 移除未使用的秘密变量 (#5577) (15beea7)
