javascript - HTML5/Javascriptを使用したビジュアルマイクレベル表示

Question

アイデアは次のとおりです。

ユーザーのマイクからの音声出力を表示するレベルメーター。

トリッキーな部分：

HTML5/Javascript のみを使用する Web サイトで動作させる。

何か案は？

Answer 1

マイクからのストリームをキャプチャするために使用できる初期のGetUserMediaAPIを調べてください。ここにあなたが始めるのに十分なはずの例があります。ブラウザのサポートは現在非常に限られています。

Web Audio APIを使用すると、ストリームを処理および視覚化できますが、同様に、ブラウザーのサポートには非常にパッチがあります。ここでの例は、静的ソースからの信号のボリュームを視覚化していますが、GetUserMediaAPIを介してキャプチャされた信号で動作するように適合させることができると思います。