javascript - 同步 HTML5 <video> 与 <audio> 播放

Question

我有来自一个来源的轨道，静音，我想使用元素播放背景音乐。轨道包含一些时间关键元素。

在 HTML5/Javascript 中同步这两个不同的媒体播放器的选项是什么？会给主时钟，因为它的音频播放对时间非常敏感 - 偶尔丢失视频帧并不重要。

Answer 1

Mikko Ohtamaa 在评论中提供了一个解决方案，实际上我认为这是最好的选择 - 它不需要框架，也不需要您编辑视频文件。

本质上，当“取消静音”时，只需从视频元素中获取当前时间，并将该时间应用于音频元素。一些代码可能如下所示:

function unmute() {
  var vid = document.getElementById("video");
  var aud = document.getElementById("audio");

  aud.currentTime = vid.currentTime;
  aud.play();

}