javascript - 如何在2个音轨和1个视频文件之间切换？

Question

我是一名JavaScript业余爱好者。我想创建一个部分，使人们可以在2种音频之间切换并同时运行视频。我想显示音频的之前和之后的版本。

基本上，视频最初应与音频的“之前”版本一起运行。然后应该有一个按钮将音频切换到“之后”版本，然后来回切换。

我尝试了“audioTracks”方法，但是浏览器兼容性不好。实现它的最佳方法是什么？

提前致谢。

Answer 1

您只需使用两个HTML Audio元素，然后同步它们的时间:

var audio1 = new Audio()
var audio2 = new Audio()

audio1.src = 'pathToSource',
audio2.src = 'pathToSource2',

var video = document.getElementByID('myvideo');
video.muted = true; //mute video cuz we have audio already

function switchAudio(one, two, vid) {
  if(one.paused) {
    two.pause();
    one.currentTime = vid.currentTime;
    one.play
  } else {
    one.pause();
    two.currentTime = vid.currentTime;
    two.play()
  }
}