87,990
社区成员
发帖
与我相关
我的任务
分享在Chromes中如何从audio标签中得到频谱画在canvas上？
小弟我最近在研究HTML5，在Chromes浏览器中想从audio标签获得正在播放的歌曲的频谱（FFT）。请问各位大神给如何获得这个频谱，下面代码是我写的，但是得到的频谱数组一直都是0，请问该如何获得频谱啊。
小弟我的浏览器是Chrome 20_dev的
上面在div中显示频谱的原始数据，但是都为0，请问如何获得频谱？
小弟我的浏览器是Chrome 20_dev的
<body>
<audio id="aud" controls="controls" src="test.mp3">
</audio>
<div id="info" style="border:1px solid red;"></div>
</body>
<script type="text/javascript">
var i=0;
var audioElement = document.getElementById("aud");
var audioContext = new webkitAudioContext();
var streamingAudioSource = audioContext.createMediaElementSource(audioElement);
var jsProcessor = audioContext.createJavaScriptNode(4096,1,1);
jsProcessor.onaudioprocess = process;
var analyser=audioContext.createAnalyser();
analyser.fftSize = 2048;
//链接关系：streamingAudioSource->jsProcessor->analyser->destination
streamingAudioSource.connect(jsProcessor);
jsProcessor.connect(analyser);
analyser.connect(audioContext.destination);
audioElement.play();
function process(event){
var freqByteData = new Uint8Array(analyser.frequencyBinCount);
analyser.getByteFrequencyData(freqByteData);
document.getElementById("info").innerHTML=freqByteData[1];
}
上面在div中显示频谱的原始数据，但是都为0，请问如何获得频谱？
...全文
请发表友善的回复…
发表回复
