# JavaScriptで音声録音時に無音を検知して自動停止する方法
> Web Audio APIを使用して、マイク入力から無音を検知し、5秒間続いたら録音を自動終了する実装方法を解説します。
- Canonical: https://c-a-p-engineer.github.io/js-audio-silence-detection/
- Published: 2025-11-24T16:00:00.000Z
- Modified: 2025-11-24T16:00:00.000Z
- Categories: javascript, JavaScript, Web
- Tags: audio, web-audio-api, JavaScript, Web
音声入力機能を持つWebアプリケーションを開発する際、「ユーザーが話し終わったら自動的に録音を停止したい」という要件はよくあります。今回は、JavaScriptのWeb Audio APIを使って、マイク入力の音量を監視し、一定時間（今回は5秒）無音が続いたら録音を終了する実装方法を紹介します。
## 実装のポイント
1. **`MediaRecorder`**: 音声の録音に使用します。
2. **`AudioContext` と `AnalyserNode`**: 音声データの解析（音量取得）に使用します。
3. **`requestAnimationFrame`**: リアルタイムに音量をチェックするために使用します。
## サンプルコード
以下は、録音開始ボタンを押すと録音が始まり、無音が5秒続くと自動的に停止するサンプルのHTMLとJavaScriptです。
```html
無音検知録音サンプル
無音検知録音サンプル
待機中
無音継続時間: 0.00 秒
```
## 解説
### 音量の取得方法
`AnalyserNode.getByteTimeDomainData()` を使用して、波形データを取得しています。このデータは 0〜255 の範囲で、128 が無音（振幅0）の状態です。
各データ点から 128 を引いて正規化し、二乗平均平方根（RMS）を計算することで、現在の音量レベルを算出しています。
### 無音判定ロジック
算出された RMS 値が `SILENCE_THRESHOLD`（閾値）を下回っている場合を「無音」と判定します。
`requestAnimationFrame` ループ内で毎回チェックを行い、無音が続いている時間を計測します。閾値を超えた（音が鳴った）場合は、計測開始時間 `silenceStart` を現在時刻にリセットします。
### 注意点
- **閾値の調整**: マイクの感度や環境ノイズによって適切な `SILENCE_THRESHOLD` は異なります。実際の環境でテストして調整してください。
- **ブラウザの制限**: `AudioContext` はユーザー操作（クリックなど）がないと開始できない場合があります。このサンプルではボタンクリックをトリガーにしているため問題ありません。
## デモ
待機中
無音継続時間: 0.00 秒
## まとめ
Web Audio API を組み合わせることで、単純な録音だけでなく、入力レベルに応じた制御が可能になります。音声入力フォームやボイスメモアプリなどで活用してみてください。