尝试使用我为列景观制作的小型引擎构建 webgl 音频可视化器,我认为这对于随着时间的推移的频率分布非常有用。
现在这个是从coffeescript编译的,使选项卡崩溃:
(function() {
var context, loadSound, onError, playSound, soundBuffer, url;
context = new webkitAudioContext();
soundBuffer = void 0;
url = 'MoxxiTest.ogg';
loadSound = function(url) {
var request;
request = new XMLHttpRequest();
request.open('GET', url, true);
request.responseType = 'arraybuffer';
request.onload = function() {
context.decodeAudioData(request.response, (function(buffer) {
soundBuffer = buffer;
return console.log('hmmm');
}), onError);
return console.log('hmmm');
};
return request.send();
};
playSound = function(buffer) {
var source;
source = context.createBufferSource();
source.buffer = buffer;
source.connect(context.destination);
return source.noteOn(0);
};
onError = function(e) {
return console.log(e);
};
window.onload = function() {
return loadSound(url);
};
}).call(this);
从测试来看,这发生在 loadSound 函数中上下文的解码音频数据调用中。
通过使用同一文件的 mp3 和 ogg 进行测试。
按照http://www.html5rocks.com/en/tutorials/webaudio/intro/ 和http://www.smartjava.org/content/exploring-html5-web-audio-visualizing-sound上的教程 了解有关网络音频API
我正在使用 XAMPP 来绕过跨源共享策略,如果这有影响的话。
Chrome版本为:22.0.1229.94 感谢帮助!