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 наложенный на видео графически отображается уровень звука видео.
Моя задача добиться отображения уровня звука при замученом видеоплеере. То-есть, из колонок звук не играет, но графически отображается.
На данный момент я смог достичь:
- При открытии страницы видеоплеер video.js автоматически запускается (будучи замученым).
- При нажать на анмут появляется оверлей с графическим уровнем звука.
Мне необходимо, чтобы графический оверлей появляется при запуске плеера в замученом режиме.
Подскажите, пожалуйста, как этого можно достичь?