カラムランドスケープ用に作成した小さなエンジンで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 助けてくれてありがとう!