騒音測定・音量チェッカー
マイクでリアルタイムに音量をデシベル(dB)測定。騒音レベルの確認から大声大会まで対応!
マイクへのアクセスを許可してください
「測定開始」を押すとブラウザがマイクの使用許可を求めます。
音声データはサーバーへ一切送信されません。
※ HTTPS 環境 / マイク搭載デバイスが必要です
📋 騒音レベルの目安
※ 値はデバイスのマイク感度に依存します。相対的な比較の目安としてご使用ください。
🏆 大声大会
「挑戦開始」を押すと 3秒カウントダウン 後、3秒間 の最大音量を計測します。
🏅 ランキング
まだ記録がありません
📖 使い方・豆知識
「測定開始」を押してマイクの許可を与えるだけで、すぐにリアルタイムで音量の測定が始まります。ピーク値は計測中の最大音量を記録するので、瞬間的な騒音の確認にも便利です。
スマホのマイクは通常、端末の上部または下部にあります。音源に向けて測定すると、より高い値が得られます。エコーキャンセル・ノイズ抑制を無効化しているため、環境音をそのまま拾います。
参加者全員が同じ距離(30〜50cm程度)からマイクに向かうと公平な比較ができます。カウントダウン中に息を吸い込んで、GOと同時に思い切り声を出しましょう!
本ツールの値はデバイスのマイク感度に依存するため、プロ用騒音計とは異なります。異なる端末・ブラウザ間での比較はできません。同じ端末での相対的な大きさの比較にご使用ください。
🔊 この騒音計、中身はどうなっている?
「ブラウザがマイクの音を、どうやって dB の数字にしているの?」——測っているうちに気になった方へ。専用の騒音計を積んでいるわけではなく、ブラウザに元から備わっている音の機能だけで作れます。難しい数式は使わず、考え方のさわりを紹介します。
① マイクの音は「大量の数字の列」
マイクが拾った音は、コンピュータの中では1秒間に何万回も測った、細かな数字の列になっています。空気の振動を短い間隔でパチパチと写真に撮り、その一枚一枚を数値にしているイメージです。音そのものではなく「振動の記録」を数字で受け取る——ここが出発点です。
② 音の大きさ=「波の振れ幅」を平均する
その数字の列は、静かなときは0の近くで小さく揺れ、大きな音ほど大きく揺れます。ただしプラスとマイナスに振れるので、単純に足すと打ち消し合ってしまう。そこでそれぞれを2乗して符号を消し、平均して、最後にルートで戻す——この「実効的な振れ幅」を求める計算で、その瞬間の音量を1つの数字にまとめます。声を出すと数字が跳ね、黙ると0へ沈む、あの動きの正体です。
③ dB表示は「比べて、圧縮する」
人の耳は、小さな音の変化には敏感で、大きな音の違いは鈍く感じます。そこで振れ幅をそのまま出さず、基準の値と比べたうえで対数で圧縮してからデシベル風の目盛りに変換します。こうすると、ささやき声から大声までを1つのメーターで無理なく表示できます。数字がマイク感度に左右されるのはこのためで、本ツールが「同じ端末での相対比較向け」なのもここに理由があります。
④ 大声大会は「3秒間の最高記録を覚えておくだけ」
難しそうに見える大声大会モードも、やっていることはシンプルです。カウントダウンのあと、3秒間ずっと音量を見張り、その中の一番大きかった値だけを取っておく。終わったらその最高値を得点として表示し、これまでの記録と並べ替えてランキングにする——それだけです。記録は端末の中(ローカルストレージ)に保存しているので、サーバーには何も送りません。
まとめると、この騒音計は「マイクの数字の列 → 振れ幅を計算 → 目盛りに変換」という3ステップでできています。仕組みが分かると、身の回りの音の見え方も少し変わるはずです。
🙋 作った人のひとりごと
ブラウザのマイク許可は、ユーザーがボタンを押した流れの中でしか出せません。ページを開いた瞬間に勝手に立ち上げる、ということができないんですね。しかもスマホのSafariはhttpsでないと問答無用でマイクを使わせてくれない。一度「拒否」を押されると復活も難しく、「測定開始」ボタンと注意書きをどう見せれば安心して許可してもらえるか、文言を何度も書き直しました。
最初のバージョンは、どれだけ叫んでも数値が伸びませんでした。原因はブラウザの“おせっかい”。通話用にnoiseSuppression(雑音カット)やechoCancellation(エコー消し)が初期状態でオンになっていて、大きな音を気を利かせて平してしまうんです。これらを明示的にオフにしたら、ようやく叫んだぶんだけメーターが振り切れるようになって、テストしながら一人で大声を出して家族に心配されました。
dBは基準の音と比べて対数で計算するのですが、完全な無音(値が0)に近づくとlog(0)が計算できず、表示が -Infinity になって数字が消し飛びました。ごく小さい下限を設けて0に張り付かないようにして解決。ついでに、端末ごとにマイク感度がまるで違うことも分かり、絶対値の正確さは追わず「同じ端末での相対比較用」と割り切ったのも、この時の判断です。
— MyTool Studio 中の人
🛠️ この騒音計、自分で作ってみませんか?
いま使っているこの音量メーターの完成コード一式と作り方の解説を、note『まるっとアプリ #08』で公開中。HTMLファイル1個で動く・コピペで完成します。
- マイクの音を dB に変える仕組み(getUserMedia+Web Audio)
- 波形の大きさ(RMS)から音量を計算する方法
- 大声大会を「カウントダウン→計測→結果」と順番に動かすコツ
- 全コードにコメント付き・自由に改造OK
※フロントのコードはF12でも見えますが、整理済みの全ソース+コメント+作り方解説をまとめた教材です。
🛒 防音・騒音対策グッズ
騒音対策や音環境の改善に役立つアイテム