JavaScriptで音声レベルを取得したい

Question

###前提・実現したいこと
ブラウザで、端末で出力されている音声レベルを取得して、音声レベルメーターを作ろうと考えています。そこで、端末で出力されている音声のレベルを取得する方法を知りたいです。

###補足情報
音量がOFFの状態でも使用できるようにしたいです。

Answer 1

あまり詳しくないですが、audio タグで流れてる音声のボリューム表示なら Web Audio API を使えば出来そうです。

【Web Audio API】
https://www.w3.org/TR/webaudio/

【Web Audio API - Web API インターフェイス | MDN】
https://developer.mozilla.org/ja/docs/Web/API/Web_Audio_API

【Getting Started with Web Audio API - HTML5 Rocks】
http://www.html5rocks.com/ja/tutorials/webaudio/intro/

【Web Audio API で音を再生しよう | phiary】
http://phiary.me/webaudio-api-getting-started/

---

音量（？）を使ってビジュアライザを作っている例をいくつか。

【JavaScriptで波をつくろう。リアルタイム波形生成＆再生 - Yanagi Entertainment】
http://d.hatena.ne.jp/yanagia/20100323/1269334226

【波形描画 | サウンドの視覚化 | WEB SOUNDER - Web Audio API 解説 -】
http://curtaincall.weblike.jp/portfolio-web-sounder/webaudioapi-visualization/draw-wave

【とりあえず難しいこと置いといて、Web Audio APIから波形データだけ抽出して遊んでみたい人向け | blog.tnker.com】
http://blog.tnker.com/124

【SoundJSを使って音を見えるものへ―CreateJS勉強会/蔵下発表資料 - ICS MEDIA】
https://ics.media/entry/9105

【Web Audio APIを使ってオーディオビジュアライザを作る | KRAY Inc】
http://kray.jp/blog/web-audio-api-audio-visualizer/

Comments

[Diawel]

ありがとうございます。
できました！

Answer 2

audio タグで流れてる音声なら volume プロパティ(0～1)でとれますが、

端末で出力されている音声レベル

PCやスマホなどからブラウザ通さず流れている音量を知るのは私の知る限りではムリだと思います。

拡張機能でこういうのもありますが、いまのところChromeOSのみだそうです。
https://developer.chrome.com/apps/audio#method-getInfo

Comments

[Diawel]

ありがとうございます。audioタグで流れているもので問題ないのですが、volumeプロバティのような音量の設定を取得したいのではなく、リアルタイムな音の大きさを知りたいんです。
説明分かりにくくてすみません。