Отсутствуют элементы управления выбором звуковой дорожки в hls.js

Я использую hls.js для воспроизведения http-live-потока в кодировке m4s. Файл master.m3u8 ссылается на несколько аудиодорожек, а также на несколько субтитров для моего видео. Я заметил, что выбор дорожки субтитров работает нормально, но выбор аудиодорожки просто недоступен в элементах управления плеера, почему так?

Я использую hls.js следующим образом:

<script src="{% static 'js/hls.js' %}"></script>
<video id="video"></video>
<script>
  if(Hls.isSupported()) {
    var video = document.getElementById('video');
    var hls = new Hls();
    hls.loadSource('https://example.com/master.m3u8');
    hls.attachMedia(video);
    hls.on(Hls.Events.MANIFEST_PARSED,function() {
      video.play();
      video.controls = true
  });
 }
</script>

Есть ли способ добавить эти элементы управления? Мне кажется, что плеер, по крайней мере, поддерживает их. Если я внимательно посмотрю на демо-ресурсы hls.js вот здесь:

https://hls-js.netlify.app/demo/

В самом низу страницы показано "Audio-tracks". Использование моего файла m3u8 на демонстрационной странице также позволяет мне изменять звуковую дорожку "на лету", но в основном вне проигрывателя.

Заранее спасибо

Вернуться на верх