Web Audio API доступ к аудио элементу видео плеера, который замучен (video.js)

Использую следующий код:

player.on('volumechange', function(event) {

setTimeout(function(){ 
if(player.muted() == false){

  var myMeterElement = document.getElementById('my-peak-meter');
   var myAudio = document.querySelector('#videojs-overlay-player_html5_api');
  var audioCtx = new (window.AudioContext);
  var sourceNode = audioCtx.createMediaElementSource(myAudio);
  sourceNode.connect(audioCtx.destination);
  var meterNode = webAudioPeakMeter.createMeterNode(sourceNode, audioCtx);
  webAudioPeakMeter.createMeter(myMeterElement, meterNode, {});
} 

}, 0);
});

В div наложенный на видео графически отображается уровень звука видео.

Моя задача добиться отображения уровня звука при замученом видеоплеере. То-есть, из колонок звук не играет, но графически отображается.

На данный момент я смог достичь:

  1. При открытии страницы видеоплеер video.js автоматически запускается (будучи замученым).
  2. При нажать на анмут появляется оверлей с графическим уровнем звука.

Мне необходимо, чтобы графический оверлей появляется при запуске плеера в замученом режиме.

Подскажите, пожалуйста, как этого можно достичь?


Ответы (0 шт):