カメラテスト
Zoom・Teams・Google Meet会議前にWebカメラがちゃんと映るか、その場で確認できます。解像度（横×縦ピクセル）とフレームレート（fps）も表示。映像はあなたの端末の中だけで処理され、サーバーや外部に送信されることは一切ありません。
仕様根拠
- 映像取得API: MediaDevices.getUserMedia()（MDN） に準拠。Promise<MediaStream>を返し、許可ダイアログでユーザーの明示的同意が必要。
- ストリーム構成: Media Capture and Streams API（MDN） のMediaStreamTrackで映像トラックを直接video要素に接続。中継サーバーなし。
- 動作条件: HTTPS／localhost／file:///の安全なコンテキストでのみ動作（HTTPではnavigator.mediaDevicesがundefined）。
- 権限制御: Permissions-Policy: camera（MDN） の既定値
selfに従い、本サイト自身のオリジンからのみカメラ要求可能。
ボタンを押すと、ブラウザが「カメラの使用を許可しますか？」と聞いてきます。
「許可」を選ぶと自分の映像がこの場に表示されます。
映像は端末内だけで表示され、外部に送信・保存されません
カメラは動いています。下に自分が映っていればOKです。
鏡像は自分用の表示だけの話で、会議の相手には反転していない映像が届きます。
このツールの特徴
- ・解像度を数値で表示：1280×720（HD）・1920×1080（フルHD）など今のカメラが何ピクセルで動いているか一目でわかる
- ・フレームレート（fps）を表示：30fps以上あれば会議用途に十分。低いと「カクつき」の原因
- ・鏡像／正像をワンクリック切替：自分用の表示と相手に届く向き、両方確認可能
- ・完全ローカル処理：JavaScriptで端末内のみ表示、サーバー送信ゼロ
- ・登録・インストール不要：ブラウザ1個で完結
- ・スマホ対応：iOS Safari／Android Chromeで動作
使い方（5ステップ）
- このページを開く（HTTPSの鍵マーク確認）
- 「カメラを開始」ボタンを押す
- ブラウザの許可ダイアログで「許可」を選択
- 映像・解像度・fpsを確認、必要なら鏡像を切替
- 確認終了後「カメラを停止」でストリーム解放
技術的な仕組み
1. getUserMedia()でカメラを要求：MDN仕様によるとnavigator.mediaDevices.getUserMedia({video: true})はPromise<MediaStream>を返します。許可されればMediaStreamオブジェクト、拒否されればNotAllowedError例外。本ツールはこの標準APIだけで実装され、独自のサーバー認証は使いません。
2. MediaStreamをvideo要素に接続：取得したMediaStreamをvideo.srcObjectに代入すると、ブラウザがフレームを直接描画します。間に画像変換やネットワーク中継は挟まりません。
3. 解像度・fpsの取得：MediaStream内のVideoTrackからgetSettings()でwidth／height／frameRateを取得して表示しています。これらはカメラから返ってきた実数値で、ブラウザが内部的に間引いている場合は最大性能より低く出ます。
4. 鏡像の実現：CSSのtransform: scaleX(-1)でvideo要素を左右反転。映像データ自体はそのままで、表示だけ反転しています。相手側のZoom等には反転していない元の映像が届きます。
5. 停止処理：「カメラを停止」を押すとMediaStreamTrackのstop()が呼ばれ、OSレベルでカメラの占有が解放されます。タブを閉じても自動的に解放されますが、明示停止する方が他アプリへの引き継ぎがスムーズです。
こんなときに便利
- ・ZoomやTeams、Google Meetの会議に入る前に、映り方を1分でチェックしたいとき
- ・「カメラが映らない」原因が、カメラ機器側かアプリ側かを切り分けたいとき
- ・新しいWebカメラを買って、ちゃんと認識されているか・画質はどうか確かめたいとき
- ・髪型や背景、部屋の明るさを会議前にさっとチェックしたいとき
- ・面接・オンライン授業・ライブ配信の前にカメラ位置と画角を調整したいとき
- ・ノートPCの内蔵カメラとUSB外付けカメラ、両方ある環境でどちらが選択されているか確認したいとき
日本のWeb会議事情
日本の企業・学校で広く使われているWeb会議ツールはZoom・Microsoft Teams・Google Meetの3つ。社用PCで「OSがカメラを認識しない」「Teamsだとカメラが灰色のまま」といったトラブルは月数回発生する一般的な悩みです。
本ツールはブラウザ標準APIだけで動作するため、Web会議アプリ側の不具合か、PC本体／カメラ側の不具合かを30秒で切り分けできます。本ツールで映ればハードは正常、アプリ側設定（マイクと一緒に許可されているか、デフォルトデバイスがズレていないか）を疑ってください。
また日本ではノートPCの内蔵カメラより外付けUSBカメラ（特にロジクール製）を会議用に追加するパターンが多く、複数カメラ環境での「どっちが今選ばれているか」を確認する用途にも使えます。
注意事項
- 映像は端末内のJavaScriptだけで処理され、外部送信・録画・保存はありません。
- HTTP（暗号化なし）ではブラウザの安全なコンテキスト要件によりカメラが起動しません。HTTPSのこのページからご利用ください。
- 会社・学校支給のPCでは、IT管理者によって
Permissions-Policy: camera=()がHTTPヘッダで設定されている場合があります。この環境ではNotAllowedErrorが出ます。IT担当に確認してください。 - カメラはOS上で同時に1アプリしか使えないことが多いため、他アプリで使用中の場合は本ツールは映りません。
- 本ツールはハード／OS／ブラウザ自体の故障を直すツールではありません。映らない場合はOS設定（プライバシー→カメラのアプリ許可）も併せて確認してください。
よくある質問
Q. 映像がどこかに送られることはありませんか？
A. 送信されません。MediaDevices.getUserMedia()で取得したMediaStreamはブラウザ内のvideo要素に直接表示しており、録画もアップロードもありません。ネットワーク通信は一切発生しないので、社内端末でも安心して使えます。
Q. 「開始」を押しても映りません。何が原因ですか？
A. ①過去にこのサイトでカメラを「ブロック」したケース→アドレスバーの鍵マークから「カメラ」を「許可」に変更。②ZoomやTeams、Google Meetなど他のアプリがカメラを使用中→OSはカメラを1つのアプリにしか割り当てないため他アプリを終了。③HTTPで開いている→MDN仕様によりgetUserMediaは安全なコンテキスト（HTTPS／localhost／file:///）でしか動作しません。
Q. 鏡像表示は相手にもこう見えますか？
A. いいえ。初期表示の「鏡像」は鏡を見るのと同じ感覚で自分の映りを確認するための表示で、CSS（transform: scaleX(-1)）でブラウザ側で反転しているだけです。Zoom等の会議相手には反転していない映像が届きます。Tシャツの文字が正しく見えるか確認したいときは鏡像をオフに切り替えてください。
Q. 表示される解像度（1280×720など）の意味は？
A. カメラから今届いている映像の横×縦のピクセル数です。1280×720（HD）あれば会議用途には十分、1920×1080（フルHD）はかなりきれい、3840×2160（4K）はオーバースペック気味です。ブラウザが負荷を抑えるため、カメラの最大性能より低い解像度で動くこともあります。
Q. カメラを許可してしまったブラウザの設定を取り消すには？
A. アドレスバー左の鍵マーク（またはサイト情報アイコン）をクリックし、「カメラ」の項目を「許可」から「ブロック」または「毎回確認する」に変更してください。ChromeならSettings→Privacy and security→Site settings→Cameraからサイト単位で管理できます。
Q. ノートPCの内蔵カメラとUSB外付けカメラ、複数あるときは選べますか？
A. 選べます。OSが認識しているすべてのビデオ入力デバイスから選択でき、切替後すぐにプレビューが切り替わります。Zoomで「いつもと違うカメラが映る」場合は、このツールで一度確認するとアプリ側設定の問題か機器側の問題か切り分けられます。
Q. iPhoneやAndroidスマホでも動きますか？
A. 動きます。iOS Safari・Android Chromeともに対応しており、初回アクセス時にOSのカメラ許可ダイアログが出ます。スマホの場合は背面カメラ・前面カメラの切替も可能です。バッテリー消費を抑えるため、確認が済んだら「停止」ボタンを忘れずに。
関連ツール
Web会議の事前チェック・3点セット
Web会議の音声・映像トラブルは「直前に焦って気づく」ことが多いため、カメラ・マイク・スピーカーを一度に確認する習慣をつけると安心です。手軽屋の3ツールはすべて登録不要・ローカル処理・1分以内で完結します。