在 <video> 元素上播放多个音轨？

Question

<video>我正在尝试为常规 HLS 视频流创建一个可访问的元素。但是，我注意到没有跨浏览器的方式来指定多个音轨并在它们之间有效地切换，就像使用隐藏式字幕一样。

我已经考虑过该audioTrack属性，但这在许多浏览器上不起作用。我也尝试过mediaGroup，这也是不跨浏览器兼容的。

我见过的唯一可行的方法是video.js（https://docs.videojs.com/docs/guides/audio-tracks.html），但我想知道是否有一种方法可以在不引入这个库的情况下做到这一点。

没有图书馆就无法做到这一点似乎很奇怪。

最终目标是以编程方式在所有（大多数）浏览器上的 HTML5 视频上切换不同语言音频的音轨。

Answer 1

如果我理解正确的话，您希望能够在视频轨道上切换语言。我发现这段代码的主音轨是英语，并允许您使用video.audioTracks草稿属性在英语和法语之间切换。您可以在https://gingertech.net上了解更多相关信息

\n

<video id="v1" poster=\xe2\x80\x9cvideo.png\xe2\x80\x9d controls>\n<source src=\xe2\x80\x9cvideo.ogv\xe2\x80\x9d type=\xe2\x80\x9dvideo/ogg\xe2\x80\x9d>\n<source src=\xe2\x80\x9cvideo.mp4\xe2\x80\x9d type=\xe2\x80\x9dvideo/mp4\xe2\x80\x9d>\n</video>\n\n<script type="text/javascript">\nvideo = document.getElementsByTagName("video")[0];\n\nfor (i=0; i < video.audioTracks.length; i++) {\n    if (video.audioTracks[i].language.substring(0,2) === "fr") {\n        video.audioTracks[i].enabled = true;\n    } else {\n        video.audioTracks[i].enabled = false;\n    }\n}\n</script>\n

\n