我正在尝试创建一个可访问的<video>
常规 HLS 视频流的元素。但是,我注意到没有跨浏览器的方式来指定多个音轨并在它们之间有效地切换,就像使用隐藏式字幕一样。
我考虑过audioTrack
属性,但这在许多浏览器上不起作用。我试过了mediaGroup
同样,这也不跨浏览器兼容。
我见过唯一可行的是video.js
(https://docs.videojs.com/docs/guides/audio-tracks.html https://docs.videojs.com/docs/guides/audio-tracks.html),但我想知道是否有一种方法可以在不引入这个库的情况下做到这一点。
如果没有库你就无法做到这一点,这似乎很奇怪。
最终目标是以编程方式在所有(大多数)浏览器上的 HTML5 视频上切换不同语言音频的音轨。
如果我理解正确的话,您希望能够在视频轨道上切换语言。我发现这段代码的主音轨是英语,允许您使用以下命令在英语和法语之间切换视频.音频轨道 https://developer.mozilla.org/en-US/docs/Web/API/HTMLMediaElement/audioTracks草案财产。您可以在 https 上阅读更多相关信息:姜科技网 https://gingertech.net/2011/05/01/html5-multi-track-audio-or-video/
<video id="v1" poster=“video.png” controls>
<source src=“video.ogv” type=”video/ogg”>
<source src=“video.mp4” type=”video/mp4”>
</video>
<script type="text/javascript">
video = document.getElementsByTagName("video")[0];
for (i=0; i < video.audioTracks.length; i++) {
if (video.audioTracks[i].language.substring(0,2) === "fr") {
video.audioTracks[i].enabled = true;
} else {
video.audioTracks[i].enabled = false;
}
}
</script>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)