結論：最初にブラウザ単体で映像を確認する
物理シャッターを開き、DevelopToolsで会議に使うカメラを選びます。映像、実表示解像度、推定FPS、画角を確認した後、会議アプリ側でも同じデバイスと権限を確認します。
| 順序 | 確認すること | 判断のポイント |
|---|---|---|
| 1 | 接続 | 使用するカメラがOSで認識 |
| 2 | 権限 | 許可後に表示中へ変わる |
| 3 | 選択 | 使用中デバイスが会議用カメラ |
| 4 | 映像 | 明るさ、画角、更新を確認 |
| 5 | 会議アプリ | 同じデバイスと権限を選択 |
症状から確認箇所を絞り込む
カメラの「OSでの認識」「ブラウザによる取得」「video要素への表示」「対象アプリでの利用」は別の段階です。黒い画面や取得失敗だけでハードウェア故障と断定しません。
| 観測した症状 | 主な確認箇所 | 次の操作 |
|---|---|---|
| 許可待ちから取得失敗 | サイト権限、OS権限、HTTPS、管理ポリシー | アドレスバーとOSのCamera設定を確認 |
| 一覧に目的のカメラがない | 権限前の列挙制限、USB接続、無効化、ドライバー | 許可後に再列挙しOS側の認識と比較 |
| 表示中だが黒い・静止する | 物理シャッター、他アプリ、照明、ドライバー | 他アプリを確認し別ブラウザ・別端末で比較 |
| DevelopToolsでは映る | Web会議・Webアプリ側の選択、権限、背景処理 | 対象サービス内で同じカメラを選ぶ |
| 画質・FPSが希望と違う | ideal制約、帯域、照明、USB、カメラ能力 | 要求値と表示値を分けて同条件で比較 |
DevelopToolsで映像が表示されても、Zoom、Google Meet、Microsoft Teams等で必ず動くことまでは保証しません。各サービスには独自のカメラ選択、権限、背景効果、帯域条件があります。
今回の症状で優先する原因
- 会議前から物理シャッターが閉じている
- 内蔵とUSBカメラの選択を取り違えている
- DevelopToolsと会議サービスでサイト権限が異なる
- 会議アプリの背景効果や仮想カメラが選択されている
- 他のアプリやタブがカメラを利用している
DevelopToolsで映像が表示されれば、選択中カメラから現在のブラウザへ映像が届いた手掛かりになります。会議アプリの正常動作、ネットワーク、相手側表示までは保証しません。
必要ならPNG snapshotや短いWebMを端末へ保存して画角を確認できます。第三者が映る場合は同意と保存先に注意し、不要なら保存機能を使いません。
設定名や画面構成はOS・ブラウザの更新、端末、組織の管理ポリシーで変わります。記事と完全に一致しない場合はCamera、カメラ、Site settings、Privacy & Security等を探してください。
Webカメラテストで確認できる範囲と制約
| 項目 | 現在のツールで確認できること | 断定できないこと |
|---|---|---|
| 映像確認 | 選択したカメラのpreviewをvideo要素へ表示 | 映像が出ないだけでカメラ故障を自動判定しない |
| デバイス | videoinput一覧から選択し、使用中trackのlabelを表示 | 権限前はlabelや非既定カメラが制限される場合がある |
| 解像度 | 自動、640×480、1280×720、1920×1080をidealで要求し、videoWidth×videoHeightを表示 | 要求値と実表示値が一致する保証はない |
| FPS | 描画されたframeを約1秒ごとに数えた推定FPSを表示 | MediaTrackSettingsのframeRateやカメラ仕様値そのものではない |
| 反転 | previewを左右・上下反転し、PNG snapshotにも反映 | WebM録画は元streamを記録するためCSS反転を焼き込まない |
| 保存 | PNG snapshotと最長5分のWebM録画を端末へ保存可能 | ページ内再生、任意形式変換、サーバー保存には対応しない |
| 終了 | 停止時とページ離脱時にMediaStreamTrackをstop | OSや別アプリが保持するカメラ利用までは制御しない |
解像度の選択値はideal制約であり、カメラとブラウザが実際に採用した値と一致するとは限りません。画面の解像度欄はvideo要素のvideoWidthとvideoHeightです。推定FPSも描画frameを数えた目安で、trackの実設定値や製品仕様値ではありません。
スナップショットはPNG、録画はWebMで端末へ保存します。録画は最長5分です。左右・上下反転はpreviewとPNGへ反映されますが、MediaRecorderが記録する元streamへ反転を焼き込む処理はありません。
確認と修正を順番に進める
- 1. 会議で使うカメラを接続しシャッターを開く
- 2. DevelopToolsで許可して対象カメラを選ぶ
- 3. 映像、画角、明るさ、解像度、推定FPSを確認する
- 4. 必要な場合だけsnapshotまたは短い録画を保存する
- 5. 会議アプリで同じカメラを選びpreviewを再確認する
複数の設定を同時に変えると原因が分かりにくくなります。1項目ずつ変更し、同じカメラ・照明・USBポート・ブラウザで再テストしてください。
公式情報で現行仕様を確認する
権限UI、OS設定名、Web APIの対応は更新されます。次の一次情報を基準にし、古い画面手順や固定的なカメラ能力を前提にしません。
| 確認先 | URL | この記事で確認する内容 |
|---|---|---|
| Google Chrome Help「Use your camera and microphone in Chrome」 | https://support.google.com/chrome/answer/2693767 | サイト別カメラ権限、既定カメラ、管理対象ブラウザ |
| Mozilla Support「How to manage your camera and microphone permissions with Firefox」 | https://support.mozilla.org/kb/how-manage-your-camera-and-microphone-permissions | Firefoxのサイト別カメラ権限 |
| Apple Support「Customize settings for each website in Safari on Mac」 | https://support.apple.com/guide/safari/ibrw7f78f7fe/mac | SafariのWebサイト別Camera設定 |
| Microsoft Support「Camera does not work in Windows」 | https://support.microsoft.com/windows/hardware/camera/camera-doesn-t-work-in-windows | Windows 11のCamera access、他アプリ、ドライバーの確認 |
| Microsoft Support「Manage cameras with Camera settings in Windows 11」 | https://support.microsoft.com/windows/hardware/camera/manage-cameras-with-camera-settings-in-windows-11 | 接続カメラ、無効化状態、カメラ別設定 |
| Apple Support「Control access to the camera on Mac」 | https://support.apple.com/guide/mac-help/mchlf6d108da/mac | macOSのPrivacy & SecurityとSafariのCamera許可 |
| Apple Support「If the built-in camera is not working on your Mac」 | https://support.apple.com/102437 | ソフトウェア更新、Screen Time、権限、再起動 |
| MDN「MediaDevices.getUserMedia()」 | https://developer.mozilla.org/docs/Web/API/MediaDevices/getUserMedia | 許可、secure context、例外、iframeとPermissions Policy |
| MDN「MediaDevices.enumerateDevices()」 | https://developer.mozilla.org/docs/Web/API/MediaDevices/enumerateDevices | 権限によるlabel・非既定デバイスの列挙制限 |
| MDN「MediaTrackSettings」 | https://developer.mozilla.org/docs/Web/API/MediaTrackSettings | 実際のwidth、height、frameRate、facingMode等の設定値 |
修正後に同じ条件でもう一度確認する
設定変更後はページを再読み込みし、必要ならカメラを停止してから開始し直します。使用中デバイス、映像、実表示解像度、推定FPSを同じ条件で比較します。保存が必要な場合だけPNGやWebMを作成します。
| 再確認項目 | 改善の手掛かり | 残る場合の次の切り分け |
|---|---|---|
| 権限 | 許可待ちから表示中へ変わる | OS権限、HTTPS、管理ポリシーを確認 |
| デバイス | 意図したカメラ名が使用中デバイスへ表示 | 接続、無効化、ドライバー、別ポートを確認 |
| 映像 | previewが継続して更新される | 物理シャッター、他アプリ、照明、別ブラウザで比較 |
| 対象アプリ | 同じカメラで映像が出る | アプリ側の選択、権限、背景効果、再起動を確認 |
確認後は「カメラを停止」を押します。ツールは取得したMediaStreamTrackを停止します。端末のカメラ利用ランプやブラウザの利用表示が消えることも確認してください。
具体例：USBカメラで会議へ参加する
内蔵カメラではなくUSBカメラを一覧から選び、使用中デバイス名を確認します。
DevelopToolsで映った後も、会議アプリ側の入力カメラをUSB機器へ合わせます。
- USBカメラを接続します。
- カメラを開始して機器を選びます。
- 画角と明るさを確認します。
- 会議アプリでも同じ機器を選びます。
Webカメラテストの成功だけで会議アプリも正常とは断定しません。
よくある質問
- テストで映ればZoomやTeamsでも必ず映りますか？
- いいえ。会議サービス側の権限、デバイス選択、背景効果、ネットワークは別に確認します。
- 映像はサーバーへ送られますか？
- Webカメラテスターに映像や録画データをサーバー・外部APIへ送る処理はありません。保存を選んだ場合だけ端末へダウンロードします。
ブラウザで試す
入力内容はブラウザ内で処理されます。元データを残したうえで、結果を確認してから保存・共有してください。
Webカメラテストを開く