如何在DASH内容的<video>标记中启用音轨更改？

Question

我已经在网页中使用<video>标签嵌入了DASH视频。这个内容有多个音轨。我想支持音轨更改。
我用audioTracks[i].enable功能来选择音轨。但音轨并没有改变。

if (selected == i) { 
    audioTracks[i].enable = TRUE; 
} 

1. 这是正确的方式？
2. 有没有其他方法可以改变DASH（.mpd）内容的音轨？

通过音轨改变，我的意思是发起一个音轨改变事件，可以传播到更低的水平。不是为了实现轨道变化本身。

我试过进一步，
audioLanguage和郎视频标签的属性作为
document.getElementById(id).lang = selectedIndex;
和
document.getElementById(id).audioLanguage = selectedIndex;
即使这似乎没有工作。

更加清楚的是，正如@Svenskunganka的回答中所提到的，audioTracks[i].enable=TRUE;在使用的版本中不受支持。
那么，有什么替代方法可以做audioTracks[i].enable=TRUE呢。
我不想实现跟踪更改功能。这里的要求是仅指示浏览器的跟踪改变。

EDIT：
正如我们在https://www.w3schools.com/tags/av_prop_audiotracks.asp中所见。该属性在chrome中不受支持。那么指示该轨道必须改变的另一种方式是什么？
有没有其他办法？或者audioTrack是唯一的方法（据我所知，迄今为止）？

Answer 1

Audio Track API尚未完全实现跨浏览器。见caniuse for Audio Track。您的问题很可能是您使用Chrome或Firefox进行测试。

Chrome has implemented it但尚未宣布何时将着陆。
它在Firefox 33中实现，但默认情况下未启用，必须通过用户首选项进行切换。 Gecko似乎也有一些问题无法执行多轨回放，这就是为什么此功能已被禁用了很长时间（Firefox在编写本文时为57版本）。

Answer 2

，您可以要求使用fetch()或XMLHttpRequest()的.mpd文件，使用.text()或.responseText阅读application/dash+xml响应为文本，该文本传递给DOMParser()实例.parseFromString()创建#document，迭代document.documentElementPeriod元素的​​子节点，使用.querySelector()来得到Representation子节点，然后得到BaseURL子节点Representation，其中的URL是.textContent具有路径，至少在被引用的文件，在同一目录的文件。

我们还可以选择视频网址，使用Promise.all()加载和播放视频和进行能力音轨调用HTMLMediaElement.captureStream()，我们.clone()并传递给Promise构造resolve()，在链.then()呼叫.addTrack()在MediaStream()实例每个轨道，然后将<video>.srcObject设置为包含音频和视频轨道的MediaStream。

const video = document.querySelector("video"); 
 

 
const mediaStream = new MediaStream(); 
 

 
const url = "https://dash.akamaized.net/dash264/TestCases/10a/1/" 
 

 
const mpd = "iis_forest_short_poem_multi_lang_480p_single_adapt_aaclc_sidx.mpd"; 
 

 
const avc = []; 
 

 
video.oncanplay = video.play; 
 

 
fetch(`${url}${mpd}`) 
 
.then(response => response.text()) 
 
.then(text => { 
 
    const parser = new DOMParser(); 
 
    const xml = parser.parseFromString(text, "application/xml"); 
 
    const period = xml.documentElement; 
 
    const tracks = period.querySelectorAll("AdaptationSet"); 
 
    for (let track of tracks) { 
 
    const representation = track.querySelector("Representation"); 
 
    const {textContent:currentTrack} = representation.querySelector("BaseURL"); 
 
    console.log(currentTrack); 
 
    // filter for specific track here, for example 
 
    // where "english" is included within `.textContent` of node 
 
    if (/english/i.test(currentTrack) || /avc/.test(currentTrack)) { 
 
     avc.push(`${url}${currentTrack}`); 
 
    }   
 
    } 
 
    Promise.all(avc.map(media => { 
 
    return new Promise(resolve => { 
 
     let v = document.createElement("video"); 
 
     v.src = media; 
 
     v.volume = 0.5; 
 
     v.muted = true; 
 
     v.oncanplay =() => { 
 
     v.play(); 
 
     resolve({ 
 
      currentMedia:v 
 
     , stream:v.captureStream().clone().getTracks()[0] 
 
     }) 
 
     } 
 
    }) 
 
    })) 
 
    .then(tracks_ => { 
 
    for (let {stream, currentMedia} of tracks_) { 
 
     mediaStream.addTrack(stream); 
 
     currentMedia.muted = false; 
 
    } 
 
    video.srcObject = mediaStream; 
 
    }) 
 
})

<video controls></video>