AudioContext
インターフェースのcreateBufferSource()
メソッドは、AudioBuffer
オブジェクトに書き込まれた音声データを再生するAudioBufferSourceNode
を生成します。AudioBuffer
はAudioContext.createBuffer
を使った場合や、AudioContext.decodeAudioData
でオーディオトラックをデコードしたときに生成されます。
構文
var audioCtx = new AudioContext(); var source = audioCtx.createBufferSource();
戻り値
例
この例では、2秒間のバッファを生成し、ホワイトノイズを書き込み、AudioBufferSourceNode
で再生します。コメントは何をしているかを簡単に説明しています。
var audioCtx = new (window.AudioContext || window.webkitAudioContext)(); var button = document.querySelector('button'); var pre = document.querySelector('pre'); var myScript = document.querySelector('script'); pre.innerHTML = myScript.innerHTML; // ステレオ var channels = 2; // AudioContextのサンプルレートで2秒間の空のステレオバッファを生成する var frameCount = audioCtx.sampleRate * 2.0; var myArrayBuffer = audioCtx.createBuffer(2, frameCount, audioCtx.sampleRate); button.onclick = function() { // バッファにホワイトノイズを書き込む; // 単なる-1.0から1.0の間の乱数の値である for (var channel = 0; channel < channels; channel++) { // 実際のデータの配列を得る var nowBuffering = myArrayBuffer.getChannelData(channel); for (var i = 0; i < frameCount; i++) { // Math.random()は[0; 1.0]である // 音声は[-1.0; 1.0]である必要がある nowBuffering[i] = Math.random() * 2 - 1; } } // AudioBufferSourceNodeを得る // これはAudioBufferを再生するときに使うAudioNodeである var source = audioCtx.createBufferSource(); // AudioBufferSourceNodeにバッファを設定する source.buffer = myArrayBuffer; // AudioBufferSourceNodeを出力先に接続すると音声が聞こえるようになる source.connect(audioCtx.destination); // 音源の再生を始める source.start(); }
仕様
Specification | Status | Comment |
---|---|---|
Web Audio API The definition of 'createBufferSource()' in that specification. |
草案 |
ブラウザ互換性
Feature | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari (WebKit) |
---|---|---|---|---|---|
Basic support | 10.0webkit | 25.0 (25.0) | 未サポート | 15.0webkit 22 (unprefixed) |
6.0webkit |
Feature | Android | Firefox Mobile (Gecko) | Firefox OS | IE Mobile | Opera Mobile | Safari Mobile | Chrome for Android |
---|---|---|---|---|---|---|---|
Basic support | ? | 26.0 | 1.2 | ? | ? | ? | 33.0 |