javascript - HTML5でビデオからオーディオを抽出するにはどうすればよいですか?

Question

HTML5 Javascript のビデオから生のオーディオ データとしてオーディオ トラックを抽出するにはどうすればよいですか? つまり、サンプルの配列ですか？

私は HTML5 Video API にまったく慣れていないので、例は素晴らしいでしょう。

Answer 1

Web Audio APIはまさにあなたが望むものです。MediaElementAudioSourceNode特に、 を にフィードしたいとしますAnalyserNode。残念ながら、Web Audio API は Chrome でのみ実装されており (FF ではある程度実装されています)、Chrome でさえ完全にはサポートされMediaElementAudioSourceNodeていません。

var context = new webkitAudioContext();

// feed video into a MediaElementSourceNode, and feed that into AnalyserNode
// due to a bug in Chrome, this must run after onload
var videoElement = document.querySelector('myVideo');
var mediaSourceNode = context.createMediaElementSource(videoElement);
var analyserNode = context.createAnalyser();
mediaSourceNode.connect(analyserNode);
analyserNode.connect(context.destination);

videoElement.play();

// run this part on loop to sample the current audio position
sample = new Float32Array(analyser.frequencyBinCount);
analyser.getFloatFrequencyData(sample);