如何在HTML5中播放多个音轨视频<video>?



我有一个带有多个音频轨道的MKV文件,每种语言。我想添加一个按钮以更改语言。有人可以帮我做吗?

HTML:
<video autoplay id="videoid" controls controlsList="nodownload" disablePictureInPicture poster="<?php echo base_url();?>assets/user/images/loading.jpg">
                            <source src="<?php echo base_url(); ?>uploads/images_or_videos/<?php echo $content->image_or_video; ?>" type="video/webm">
                        </video>

javaScript:

$(document).ready(function(){
   var aud = document.getElementById("videoid");
    aud.onplaying  = function() {
    alert(aud.audioTracks.length);   
}
});
var video = document.getElementById("video");
// mute all
for (var i = 0; i < video.audioTracks.length; i += 1) {
  video.audioTracks[i].enabled = false;
}
// show languages and labels
for (var i = 0; i < video.audioTracks.length; i += 1) {
  console.log(video.audioTracks[i].language)
  console.log(video.audioTracks[i].label)
}
// enable one
video.audioTracks[2].enabled = true;

相关内容

最新更新