JavaScriptでバッファからオーディオを再生する方法


  1. Web Audio APIを使用する方法: Web Audio APIは、バッファからオーディオを再生するための強力なAPIです。以下は、基本的な手順です。

    // オーディオコンテキストの作成
    const audioContext = new AudioContext();
    // XMLHttpRequestを使用してオーディオファイルを読み込む
    const request = new XMLHttpRequest();
    request.open('GET', 'audio_file.mp3', true);
    request.responseType = 'arraybuffer';
    request.onload = function() {
     // レスポンスをバッファに変換
     const audioData = request.response;
     audioContext.decodeAudioData(audioData, function(buffer) {
       // バッファを再生するためのバッファソースを作成
       const source = audioContext.createBufferSource();
       source.buffer = buffer;
       // 出力先をデフォルトのオーディオデバイスに接続
       source.connect(audioContext.destination);
       // 再生
       source.start();
     });
    };
    request.send();
  2. Audio要素を使用する方法: もう一つのシンプルな方法は、HTMLのAudio要素を使用する方法です。以下の例を参考にしてください。

    const audio = new Audio();
    audio.src = 'audio_file.mp3';
    audio.play();

以上が、JavaScriptでバッファからオーディオを再生する方法のいくつかの例です。必要に応じて、これらの例をカスタマイズして使用してください。