17

HTML5のmp4またはwebmビデオ要素からオーディオを取得することは可能ですか？

https://github.com/corbanbrook/dsp.jsを使用してオーディオのFFTを計算しようとしていますが、mp4ビデオとwebmビデオしかありません。

4

2 に答える 2

23

これがあなたの質問に答えるかどうかはわかりませんが、WebAudioAPIノードグラフを介してビデオのオーディオを実行できます。以下のコードは、ゲインとフィルターのパラメーターを変更することで実証できます。これは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

オーディオ要素をビデオ要素に置き換えただけです。

于 2013-03-08T04:27:28.703 に答える
-1

Webmはオーディオソースとして機能します。

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

<video src="https://rack.international/samples/sample.webm" controls>
  <p>Your browser doesn't support HTML5 video. Here is a <a href="rabbit320.webm">link to the video</a> instead.</p> 
</video>

于 2017-03-21T17:38:15.707 に答える