Воспроизвести AudioBuffer в существующем тэге HTML5 - PullRequest
Новая
       55

Воспроизвести AudioBuffer в существующем тэге HTML5

0 голосов
/ 27 мая 2018

Я создал веб-сайт, который содержит аудио-тег, а также рабочую область для загрузки файла. 

<body>
    <audio id="myPlayer" controls>Your browser does not support the audio-tag</audio>
    <div id="dropArea"></div>
</body>

Затем перетаскиваемый аудиофайл преобразуется в ArrayBuffer ив конечном итоге AudioBuffer. 

let audioContext = new (window.AudioContext || window.webkitAudioContext)();
let arrayBuffer = await readFileAsArrayBuffer(audioFile);

audioContext.decodeAudioData(arrayBuffer, buf => {
    console.log(buf);
});

AudioBuffer можно затем воспроизвести в функции следующим образом: 

playSound(buffer) => {
  let source = context.createBufferSource();

  source.buffer = buffer;
  source.connect(context.destination);
  source.start(0);
}

Все вышеперечисленное работает нормально, но этоне то, что мне нужно.

Я хочу, чтобы AudioBuffer воспроизводился и контролировался в аудиоплеере в моем HTML.Как это можно сделать?

...