Определить, воспроизводится ли звук в браузере Javascript

Никто не должен использовать это, но это работает.

По сути, единственный найденный мной способ получить доступ к звуку всего окна — использовать MediaDevices.getDisplayMedia().

Оттуда MediaStream можно передать в AnyalizerNode, который можно использовать для проверки того, превышает ли громкость звука ноль.

Работает только в Chrome и, возможно, в Edge (проверено только в Chrome 80 в Linux)

JSFiddle с <video>, <audio> и YouTube!

Важные фрагменты кода (невозможно опубликовать в рабочем фрагменте из-за политики функций во фрагменте iframe):

var audioCtx = new AudioContext();
var analyser = audioCtx.createAnalyser();

var bufferLength = analyser.fftSize;
var dataArray = new Float32Array(bufferLength);

window.isAudioPlaying = () => {
  analyser.getFloatTimeDomainData(dataArray);
  for (var i = 0; i < bufferLength; i++) {
    if (dataArray[i] != 0) return true;

  }
  return false;
}

navigator.mediaDevices.getDisplayMedia({
     video: true,
     audio: true
   })
   .then(stream => {
      if (stream.getAudioTracks().length > 0) {
        var source = audioCtx.createMediaStreamSource(stream);
        source.connect(analyser);

        document.body.classList.add('ready');
      } else {
        console.log('Failed to get stream. Audio not shared or browser not supported');
      }

   }).catch(err => console.log("Unable to open capture: ", err));

Действительно, я много ищу и читаю всю документацию MDN о Web Audio API, но не могу найти какой-либо глобальный флаг в окне, который показывает воспроизведение звука, но у меня есть хитрый способ, который показывает воспроизведение ЛЮБОГО звука, независимо от iframe или видео, но насчет Web Audio API я не уверен, сложный способ:

const allAudio = Array.from( document.querySelectorAll('audio') );
const allVideo = Array.from( document.querySelectorAll('video') );
const isPlaying = [...allAudio, ...allVideo].some(item => !item.paused);

Теперь купите флаг isPlaying, который мы можем обнаружить в браузере.

Я искал решение в Google, но пока ничего не нашел. Возможно, вы могли бы проверить некоторые данные, которые имеют значение X, только во время воспроизведения звука. Если у вас есть кнопка, которая запускает воспроизведение аудиофайла, возможно, вы можете быть уверены, что звук воспроизводится, добавив прослушиватель событий в файл rep. кнопка...

Может быть, что-то вроде добавления прослушивателя событий в тег «аудио»? Если я правильно помню, аудиотег имеет атрибут "пауза"... И теперь я просто помню, что звук имеет атрибут "пауза"...

Кроме того, вы можете проверить эту тему проверить HTML5, воспроизводится ли звук?

я просто нашел это пять секунд назад jaja

Существует свойство playbackState (https://developer.mozilla.org/en-US/docs/Web/API/MediaSession/playbackState), но не все браузеры его поддерживают.

if(navigator.mediaSession.playbackState === "playing"){...