html - 如何将音频混合到 html5 视频中？

Question

我有一个 video元素，例如

<video controls>
  <source src="foo.ogg" type="video/ogg">
  <source src="foo.mp4" type="video/mp4">
  Your browser does not support the <code>video</code> element.
</video>

我需要混入一个音频文件，以便当用户开始播放视频时，音频文件与视频一起播放，当电影停止/倒带时，音频也会这样做。我在 HTML5 视频/音频 API 中没有找到任何允许我这样做的功能。有谁知道这是否可能？

我想我可以在页面上有两个单独的元素，一个用于视频，一个用于音频，并让它们由拦截来自视频播放器的事件的脚本控制，但我认为也许有一种方法可以使用 API 来做到这一点？我知道对于音频我可以混合不同的文件，但是我可以对视频做同样的事情吗？

Answer 1

你要听events的 html5 video .在您的情况下，这应该是 play pause ended和 seeking here is an example player其中列出了所有事件。

//HTML
<video id="videoInHTML" width="320" height="240" controls="controls">.....

//Javascript
var yourVideoElement = document.getElementById("videoInHTML");
yourVideoElement.addEventListener('play', videoPausePlayHandler, false);
yourVideoElement.addEventListener('pause', videoPausePlayHandler, false);

function videoPausePlayHandler(e) {
  if (e.type == 'play') {
    // play your audio
  } else if (e.type == 'pause') {
    // pause your audio
  }
}

在黑暗中寻找。听听 seeking事件。如果玩家正在寻找 = true -> yourAudioFile.seekToTime( yourVideoElement.currentTime )