javascript - 是否可以预取网页音频并尽早播放，使其与视频同步？是否有一个javascript命令？

Question

我要做的是，有些在线视频的音频和视频不同步。我想知道是否可以预加载音频并预播放音频，使其与视频同步。是否有一个javascript命令？

我已经在HTML中看到了preload属性，但是它仅加载音频和视频。视频开始之前可以播放音频吗？

据我了解，我觉得音频附加在视频上。就是说，我不能让音频在视频之前播放，而只能将其推迟。我想知道是否有一种方法可以在视频开始之前提前1秒钟播放音频，以便它们可以同步

Answer 1

无论是否预加载媒体，同步仍然是一个问题。即使您已将所有内容存储在内存中并准备好进行播放，单独的媒体文件也可以在两个不同的时基上运行，并且它们会随时间推移而分开。

过去曾经有一个MediaController interface，其创建是为了使单独的元素保持同步。不幸的是，它从未得到适当的实现，实际上已经被放弃了。

理想情况下，您只需要一个音频和视频轨道为同步的媒体文件即可。因此，如果可以处理这些服务器端，那将是最好的。

如果您想即时将音频/视频重新混合到MP4并通过Media Source Extensions推送，则可能会取得一些成功。这听起来像是一项艰巨的任务……我不知道该任务有什么现成的东西。

仅当您需要将音频推回某个固定量时，一种可行的替代方法是使用Web Audio API将音频延迟一定的毫秒数。

如果要将音频/视频加载到单独的元素中，则另一种选择是只同时播放它们，并使用 playbackRate property将它们漂移到所需的同步中。