このツールの機能
カメラツールはデバイスのカメラで写真と音声付き動画を撮影します。写真モード(静止画)と動画モード(音声付き録画)を切り替えられます。すべての処理はブラウザ内で実行—アップロードなし、サーバー不要です。
使い方
- アクセスを許可 — ボタンをクリックしてカメラを有効にします。動画モードではマイクへのアクセスも要求されます。
- モードを選択 — 写真と動画を切り替えます。動画モードではカメラが再起動しマイクが追加されます。
- 撮影 — 写真モードでは「写真を撮る」をクリックしてスナップショット。動画モードでは「録画開始」をクリックし、終了したら「停止」をクリック。
- ダウンロード — ギャラリーの撮影済みアイテムにホバーし、ダウンロードアイコンをクリックして保存。
- 再生 — 撮影した動画の再生アイコンをクリックするとメインエリアで再生できます。「カメラに戻る」でライブ映像に戻ります。
- 削除 — ホバーして削除(X)ボタンをクリックするとキャプチャを破棄しメモリを解放します。
動作の仕組み
ツールはブラウザのMediaDevices API(getUserMedia)でカメラとマイクにアクセスします。写真は現在のビデオフレームをcanvasに描画してJPEGでエクスポートすることでキャプチャします。動画はMediaRecorder APIで録画し、WebMチャンクを生成。これらを単一のBlobに結合してダウンロード可能にします。すべてのメディアは削除するかページを離れるまでblob URLとしてブラウザメモリに保持されます。
HTTPSが必須な理由は、getUserMediaがセキュアコンテキスト(HTTPSまたはlocalhost)でのみ動作するためです。セキュアでないページで誤ってカメラアクセスを許可するのを防ぎます。
使用例とサンプル
- 手軽な自撮り — 別アプリを開かずに写真を撮影。
- 画面録画の代替 — カメラとマイクで短い解説付き動画を録画。
- ドキュメントスキャン — 後で使うための書類を撮影。
- 動画メッセージ — 音声付きの短いメッセージを録画。
制限と既知の制約
- HTTPS必須 — プレーンHTTPでは動作しません(localhost除く)。
- ブラウザ対応 — getUserMediaとMediaRecorderはモダンブラウザでサポート。古いブラウザでは動作しない場合があります。
- WebM形式 — 動画はWebMで保存されます。一部の古いプレーヤーはサポートしていない可能性があります。必要に応じて変換してください。
- 権限 — カメラ(動画の場合はマイクも)のアクセスを許可する必要があります。拒否するとツールは使えません。