如何在 DASH 内容的

2023-12-04

我已使用以下方式在网页中嵌入了 DASH 视频<video>标签。该内容有多个音轨。我想支持音轨更改。
I used audioTracks[i].enable选择音轨的功能。但音轨没有改变。

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

这是正确的方法吗？
还有其他方法可以更改 DASH(.mpd) 内容的音轨吗？

通过音轨更改，我的意思是启动可以传播到较低级别的音轨更改事件。本身不实施轨道变更。

我进一步尝试，
video标签的audioLanguage和lang属性为
document.getElementById(id).lang = selectedIndex;
and
document.getElementById(id).audioLanguage = selectedIndex;
即使这似乎也不起作用。

更清楚地说，正如 @Svenskunganka 的回答中提到的audioTracks[i].enable=TRUE;所使用的 Chromium 版本不支持。
那么，有没有其他方法可以做到这一点audioTracks[i].enable=TRUE does.
我不想实现轨道更改功能。这里的要求只是向浏览器指示跟踪更改。

EDIT:
正如我们所看到的https://www.w3schools.com/tags/av_prop_audiotracks.asp。 Chrome 不支持此属性。那么指示必须更改轨道的替代方法是什么？
还有其他办法吗？或者audioTrack是唯一的方法（据我目前从搜索中了解到的）？

您可以请求.mpd文件使用fetch() or XMLHttpRequest()，阅读application/dash+xml使用文本形式响应.text() or .responseText，将文本传递给DOMParser()实例.parseFromString()创建一个#document, 迭代AdaptationSet的子节点document.documentElement Period元素、使用.querySelector() to get Representation然后得到子节点BaseURL的子节点Representation，其中 URL 是.textContent至少在引用的文件处具有同一目录中文件的路径。

我们还可以选择视频 URL，使用Promise.all()加载和播放视频和音频曲目以实现通话HTMLMediaElement.captureStream()，我们.clone()并传递给resolve() of Promise构造函数，在链式.then() call .addTrack() on a MediaStream()每个轨道的实例，然后设置<video> .srcObject to the 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>

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)