javascript - CAF自定义播放器如何在没有 "loading"画面的情况下播放。 (带队列数据的 HLS)

Question

我想要无缝播放多个视频内容。 (HLS/使用队列数据)

预加载是有效的!但是当视频发生变化时，会显示“正在加载”屏幕。

如何在 CAF 自定义播放器中不显示“加载”屏幕进行播放？

Answer 1

尽管 PRELOAD请求开始缓冲队列的下一项以减少下一个剪辑的加载时间，播放永远不会“无缝”。

每次实际LOAD请求到来时，播放器将(默认情况下)切换到 BUFFERING状态并显示关联的 UI，直到它返回到 PLAYING

Google's UX guidelines for autoplay非常清楚 UI 在播放队列时应该如何表现 - 如果您想发布您的应用程序，您可能需要考虑遵守这一点。话虽这么说:

看看您的 HTML - 您是否使用了 <cast-media-player></cast-media-player>自定义标签？您可以使用 CSS 设置应用程序所有状态的外观 - 检查 documentation了解详情。

--buffering-image和 --spinner-image是您可以在此处更改的可自定义元素。再次声明:当玩家进入缓冲状态时，它们总是会弹出，因此您必须想出比微调器和默认图像更不令人不安的东西:也许是黑屏？

此外，您不能简单地使用 CSS 来摆脱它们:初始化播放和构建队列时，您很可能仍想显示它们 - 因此完全禁用它们不是一种选择。棘手的部分是找到合适的 events禁用并重新启用它们:

考虑 MediaFinishedEvent禁用它们，也许是 PLAYER_LOAD_COMPLETE事件将它们恢复为默认值。(BUFFERING 事件也可能有效，但当我尝试使用它时非常不可靠。)