手元の写真をすばやく撮る
クラウドへ送らず、ブラウザから直接 PNG を撮って保存します。
Guide
カメラで撮影・録画は、端末のカメラを直接呼び出して写真や動画を撮るためのツールです。ページには「写真 / 録画」の 2 つのモードがあり、解像度は 640×480、1280×720、1920×1080 を要求できます。複数のカメラを検出すると、前面と背面を切り替えるボタンが表示されます。写真は canvas で現在の映像フレームを PNG として保存し、録画は MediaRecorder で WebM として保存します。
更新日 2026-09-102 min read
カメラで撮影・録画は、端末のカメラを直接呼び出して写真や動画を撮るためのツールです。ページには「写真 / 録画」の 2 つのモードがあり、解像度は 640×480、1280×720、1920×1080 を要求できます。複数のカメラを検出すると、前面と背面を切り替えるボタンが表示されます。写真は canvas で現在の映像フレームを PNG として保存し、録画は MediaRecorder で WebM として保存します。
これは独立したブラウザ撮影ツールで、ffmpeg.wasm は使いません。カメラを起動しても 32 MB のエンジンをダウンロードすることはありません。録画モードではマイクも同時に要求します。前面カメラはプレビューでは CSS で鏡のように表示されますが、保存される内容はカメラの元の映像フレームのままです。
| 入力 | 出力 | 説明 |
|---|---|---|
ノート PC のカメラで 1280×720 を選んで撮影 |
PNG 写真 |
実際のピクセル数はブラウザが取得した映像トラックの仕様に従う |
スマホのブラウザが前後 2 カメラに対応、背面に切り替えて録画 |
WebM 動画 + マイクの音声 |
ブラウザが対応していない場合、このページを使えないことがある |
クラウドへ送らず、ブラウザから直接 PNG を撮って保存します。
前面と背面、複数の理想解像度を切り替えて、デバイスが使えるかを確かめます。
マイクの音声付きで WebM を録り、ダウンロードしてから編集に回します。
コードは ideal 解像度を使っており、exact で強制してはいません。ハードウェア、ドライバー、ブラウザが実際のトラックサイズを交渉して決めます。
しません。映像はローカルの video、canvas、MediaRecorder に入り、結果は現在のページの Blob に保持されます。
カメラと録画用マイクのデータは現在のブラウザ内だけで処理され、PNG/WebM の Blob を生成します。アップロードも ffmpeg CDN の読み込みも行いません。デバイスを呼び出す前に、ブラウザがカメラとマイクの権限を求めます。
更新日 2026-09-10
ウェブカメラで写真(複数解像度)と動画を撮影。前面・背面カメラの切り替えに対応
このツールの翻訳は未完了です。一部は原文または代替言語で表示されます。