保持音频和视频同步 HTML5答案

【问题标题】：Keep audio and video in sync HTML5保持音频和视频同步 HTML5
【发布时间】：2018-07-10 06:23:11
【问题描述】：

我有需要相互保持同步的 HTML5 视频和音频元素。例如。如果视频缓冲，则音频将暂停，直到视频再次准备好。

希望有人指出我正确的方向。

【问题讨论】：

为了完美同步，不可能，抱歉。如果您对能够让您从完美同步到关闭 1 秒的解决方案感到满意，您将需要 the AV DOM events and methods 的组合。

【解决方案1】：

您将要在两个媒体元素上收听各种media events 并酌情处理它们。

如果您注意到一个停止播放，例如，您可以暂停另一个，将其当前播放位置设置为与暂停的一个匹配，然后在您注意到它继续播放时播放。

我希望这是繁琐且不精确的，但我想不出比这更好的方法。

我会首先编写一些代码来监听在每个元素上看起来很有用的所有事件，并在它们发生时将它们记录下来，然后我会观察以了解我需要响应的内容。然后通过浏览器开发工具进行大量带宽限制等测试。

祝你好运！

【讨论】：

【解决方案2】：

抱歉，这是一种糟糕的技术。您实际上可以通过使用某些视频编辑器工具（如 filmora）在一个视频中制作音频和视频。这意味着根据您的需要将音频附加到视频中。希望你得到最好的祝你好运

【讨论】：