javascript - 保持音频和视频同步 HTML5

标签 javascript html html5-video html5-audio

我有 HTML5 视频和音频元素,需要它们彼此保持同步。例如。如果视频缓冲,则音频将暂停,直到视频再次准备好。

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

最佳答案

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

例如,如果您发现其中一个停止播放,您可以暂停另一个,将其当前播放位置设置为与暂停的播放位置相匹配,然后在您发现它继续播放时播放。

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

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

祝你好运!

关于javascript - 保持音频和视频同步 HTML5,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48537134/

相关文章:

javascript - angularjs - ng-repeat 仅适用于 $index

javascript - 为什么我的 JS DOM 操作结果未定义并且没有更改 HTML?

css - 长度不一的div

javascript - 无法使用 AJAX 和 jQuery POST 到我的 API

javascript - 如何避免在输入文本表单中输入重复的数字?

wordpress - 在 Bootstrap3 中,Modal Popup 不会出现在叠加层的顶部。如何解决这个问题

HTML 视频标签不起作用

javascript - 有人可以帮我使用 videojs 播放器播放这个视频吗

javascript - 从保管箱流式传输视频?可能的字节范围问题

javascript - Firestore 离线缓存和 promise