仕組み
W3C Media Capture and Streams 標準の getUserMedia でカメラとマイクを開いてライブ映像を表示し、ブラウザが実際に適用した設定(解像度、フレームレート、アスペクト比、サンプリング周波数、エコーキャンセル・ノイズ抑制・自動ゲインの有無)を読み取ります。
音量メーターは Web Audio API でマイク信号を dBFS(フルスケール比のデシベル)で測り、ピークも表示します。フレームレートは映像要素が実際に受け取ったフレーム数で数えます。5秒の動画は MediaRecorder でメモリ内にだけ録画し、音と映像を一緒に確認できます。どこにも送信しません。
確認すること
- 映像:くっきり明るく、暗すぎたりざらついたりしていないか、目的のカメラが選ばれているか。
- 解像度とフレームレート:ビデオ会議では720pか1080p、25〜30 fpsが一般的です。
- マイク音量:普通に話してバーが中ほどまで動けば適切です。赤い端に届くなら大きすぎるか近すぎます。
- 録画:声がエコーや機械的な音なくはっきりし、口の動きと合っているか。
うまく動かないとき
- ブロックされた:アドレスバーのサイト設定で、このサイトのカメラとマイクを許可してください。
- 真っ黒な映像や使用中エラー:ビデオ会議や録画ソフトなど、カメラを使うほかのアプリを閉じてください。
- 別のデバイスが選ばれる:上のリストで目的のカメラやマイクを選んでください(許可後に名前が表示されます)。
- ノートPCでは、カメラのシャッター、カメラのオン/オフキー、OSのプライバシー設定を確認してください。
ポイント
- 許可はブラウザとサイトごとに保存されるので、会議で使うのと同じブラウザでテストしましょう。
- 希望する解像度はあくまで要望です。カメラは対応する最も近いモードを選び、実際の値は「解像度」に表示されます。
- 左右反転をオフにすると、通話相手に見えるのと同じ向きで確認できます。
基準と出典
- Media Capture and Streams(getUserMedia) · W3C
- MediaStream Recording(MediaRecorder) · W3C
- MediaDevices.getUserMedia() · MDN Web Docs
- MediaStreamTrack.getSettings() · MDN Web Docs
最終確認 2026年10月18日
よくある質問
映像や音声はアップロードされますか?
いいえ。プレビュー、測定値、テスト動画はブラウザ内だけで処理されます。beancuit を含め誰にも送信せず、ページを閉じるか再読み込みすると動画は消えます。
1080pのカメラなのに720pと表示されるのはなぜ?
ブラウザは控えめな既定値で始まります。「希望する解像度」で1920 × 1080を選んでください。それでも低い場合は、カメラ、ケーブル、USBポートがそのモードに対応していないか、ほかのアプリが制限している可能性があります。
デバイス名が空欄です。
ブラウザは許可を与えた後でないとカメラやマイクの名前を教えません。テスト開始を押して許可すると一覧が表示されます。
マイクのメーターが動きません。
正しいマイクを選んでいるか、本体のミュートスイッチが入っていないか、OSの入力音量がゼロでないかを確認し、近くで話してみてください。