1

Railsでマイク入力を録音したいのでまずrecorderjsを使ったサンプルAudioRecorderのサンプルを確認して、次にAudioRecordermain.jsののソースを読もうとしてるのですが、HTML5のAudioContextを全く知らないため読み進めても行けない状態です。

最低限recorderjsにマイクから録音したデータを流すだけの理解が欲しい状態です。

https://github.com/cwilso/AudioRecorder/blob/master/js/main.js#L138-L152

var audioContext = new AudioContext();
function gotStream(stream) {
    inputPoint = audioContext.createGain();

    // Create an AudioNode from the stream.
    realAudioInput = audioContext.createMediaStreamSource(stream);
    audioInput = realAudioInput;
    audioInput.connect(inputPoint);

//    audioInput = convertToMono( input );

    analyserNode = audioContext.createAnalyser();
    analyserNode.fftSize = 2048;
    inputPoint.connect( analyserNode );

    audioRecorder = new Recorder( inputPoint );

createGainがボリュームを司るGainNodeを作り、createMediaStreamSourceMediaStreamAudioSourceNodeを作るなど、ぼんやりとわかるんですが

何故ここで取得したNodeの複製を行っているのでしょうか?

    audioInput = realAudioInput;
    audioInput.connect(inputPoint);

まっと簡単な問題解決の道のりがあるなら、そちらを教えて下さい。

1 件の回答 1

0

そのサンプルに用意された、モノラル変換機能のためのコードです。

audioInput の方は toggleMono() を呼び出すたびに MediaStreamAudioSourceNode と、モノラル変換した後の ChannelMergerNode が交互に切り替わります。このため、元のNodeを realAudioInput に保持しているのです。

function toggleMono() {
    if (audioInput != realAudioInput) {
        audioInput.disconnect();
        realAudioInput.disconnect();
        audioInput = realAudioInput;
    } else {
        realAudioInput.disconnect();
        audioInput = convertToMono( realAudioInput );
    }

    audioInput.connect(inputPoint);
}

また、audioInput = realAudioInput は全く同じNodeを別の変数に代入しているだけで、複製は行っていません。これを行ったかどうかで Web Audio API の挙動が変わることはないはずです。

Recorderjs にもサンプルが用意されているようなので、そちらを確認されてはいかがでしょうか?

https://github.com/mattdiamond/Recorderjs/blob/master/example_simple_exportwav.html

1
  • 解説ありがとうございます。 recorderjs 自体のサンプルを確認してみます。
    – ironsand
    Commented 2015年12月8日 9:36

この質問に回答するには、ログインする必要があります。

求めていた回答ではありませんか? のタグが付いた他の質問を参照する。