如何在 HTML5 中播放多個音軌視頻<video> ?

Question

我有一個帶有多個音軌的 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);   
}
});

Answer 1

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;