Подтвердить что ты не робот

Получить аудио с видео html5

Можно ли получить аудиофайл из элемента mp4 или веб-видео в HTML5?

Я пытаюсь использовать https://github.com/corbanbrook/dsp.js для вычисления FFT для аудио, однако у меня есть только видеоролики mp4 и webm.

Ответ 1

Не уверен, что это отвечает на ваш вопрос, но вы можете запускать звук видео через графический интерфейс веб-аудио API node. Код ниже может быть продемонстрирован путем изменения параметров усиления и фильтра. Я тестировал это только в Chrome.

<!DOCTYPE html>
<meta charset="UTF-8">
<title></title>
<body>

</body>


<script>

var video = document.createElement("video");
video.setAttribute("src", "ourMovie.mov");

video.controls = true;
video.autoplay = true;
document.body.appendChild(video);

var context = new webkitAudioContext();
var gainNode = context.createGain();
gainNode.gain.value = 1;                   // Change Gain Value to test
filter = context.createBiquadFilter();
filter.type = 2;                          // Change Filter type to test
filter.frequency.value = 5040;            // Change frequency to test

// Wait for window.onload to fire. See crbug.com/112368
window.addEventListener('load', function(e) {
  // Our <video> element will be the audio source.
  var source = context.createMediaElementSource(video);
  source.connect(gainNode);
  gainNode.connect(filter);
  filter.connect(context.destination);

}, false);


</script>

Приведенный выше код является модифицированной версией этого: http://updates.html5rocks.com/2012/02/HTML5-audio-and-the-Web-Audio-API-are-BFFs

Я просто заменил аудио элемент видеоэлементом.

Ответ 2

Webm работает как источник звука.

<audio controls="controls" class="full-width" preload="metadata">
  <source src="//rack.international/samples/sample.webm" type="audio/mpeg">
</audio>