如何从HTML5中的视频中提取音频？

Question

如何从HTML5 Javascript中的视频中提取音轨作为原始音频数据？即一系列样本？

我是HTML5 Video API的新手,所以一个例子会很棒.

Answer 1

该网络音频API正是你想要的.特别是,你想要一个MediaElementAudioSourceNode进入AnalyserNode.不幸的是,网络音频API在Chrome才会实现(在FF有些实现),甚至是浏览器没有完全支持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);