Как вставить аудио в веб-страницу и скрыть элемент управления в HTML - PullRequest
0 голосов
/ 10 марта 2019

как я могу вставить локальный звук без отображения какого-либо элемента управления (если мы можем показать только кнопку громкости, а затем лучше), который зацикливается непрерывно ...? Я пробовал вставлять тэг, тэг iframe, тэг аудио, но никто не идеален, некоторые работают на краю, но не на chrome ...

Ответы [ 2 ]

0 голосов
/ 11 марта 2019

Вы можете использовать Web Audio API для воспроизведения звука без видимого контроля на html-странице.
Существует опция loop , которую можно активировать для воспроизведения в цикле.

const audioCtx = new (window.AudioContext || window.webkitAudioContext)();
let source = audioCtx.createBufferSource();

fetch('sample.wav')
  .then(response => response.arrayBuffer())
  .then(buffer => {
    audioCtx.decodeAudioData(buffer, data => {
      source.buffer = data;
      source.connect(audioCtx.destination);
      source.loop = true;
      source.start(0);
    })
  })

Если вам нужно, вы можете добавить регулятор громкости, например, с помощью gainNode и ползунка диапазона.

Обратите внимание, что некоторые реализации браузера не позволяют воспроизводить аудио, пока пользователь явно не разрешит его.

0 голосов
/ 10 марта 2019

Попробуйте скрыть это с помощью CSS, установив 'display' в 'none'.

audio { 
   display:none;
}
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...