我正在使用 HTML5 为我的网站制作视频。理想情况下，我只有一个无声视频文件和五个与视频同步的不同语言的不同音轨。
然后我会有一个按钮，允许用户在音轨之间切换，即使视频正在播放；并且正确的音轨会变得栩栩如生（无需视频暂停或重新开始或其他任何事情；很像 DVD 音轨选择）。
我可以在 Flash 中非常简单地做到这一点，但我不想这样做。必须有一种方法可以在纯 HTML5 或 HTML5+jQuery 中做到这一点。我想你会以 0 音量播放所有音频文件，并且只会增加活动轨道的音量......但我什至不知道该怎么做，更不用说在用户暂停或倒带时处理它视频...
提前致谢！
【问题讨论】：
标签： javascript jquery html html5-video html5-audio
音频和视频之间的同步远比简单地同时启动音频和视频要复杂得多。声卡将以稍微不同的速率播放。 （对我来说 44.1 kHz 是多少，对你来说实际上可能是 44.095 kHz。）
通常，视频与音频流同步，但播放器负责处理。通过加载多个对象进行播放，您实际上是在使它们不同步。
唯一可行的方法是，如果您能找到一种方法来控制来自视频播放器的不同音频流。我不知道这是否可能。
相反，我建议您使用不同的流对视频进行多次编码。您可以为此使用 FFMPEG，甚至可以自动化该过程，具体取决于您的工作流程。在流之间切换成为一个问题，但大多数视频播放器足够强大，可以在给定比特率的情况下猜测文件中的字节偏移量。
如果您只需要两种语言，您可以简单地调整左右立体声音频通道之间的平衡。
【讨论】：
可以通过 Web Audio API 实现。
我的程序的一部分会监听视频元素事件并停止或重新启动使用网络音频 API 创建的音轨。这使我能够以完美同步的方式打开和关闭任何轨道。
有一些缺点。
除了 Edge 之外，Internet Explorer 中不支持 Web 音频 API。
该技术仅适用于缓冲音频，这是有限的。大文件存在一些问题：https://bugs.chromium.org/p/chromium/issues/detail?id=71704
【讨论】：
mediagroup 的提示。它现在的支持比您撰写本文时更好；）
如果您愿意让所有五首曲目都下载，为什么不将它们混音到视频中呢？视频不限于单个音轨（即使是 AVI 也可以制作多个音轨）。然后应该为您处理同步。您只需根据需要启用/禁用音轨。
【讨论】：
audioTracks 元素，然后您可以在每个轨道上使用.enable() 和.disable()。自己没有测试过。