カメラ ガイド

デバイスのカメラで写真と音声付き動画を撮影。すべてブラウザ内で処理 — アップロード不要、サーバー不要。

カメラに戻る

このツールの機能

カメラツールはデバイスのカメラで写真と音声付き動画を撮影します。写真モード(静止画)と動画モード(音声付き録画)を切り替えられます。すべての処理はブラウザ内で実行—アップロードなし、サーバー不要です。

使い方

  1. アクセスを許可 — ボタンをクリックしてカメラを有効にします。動画モードではマイクへのアクセスも要求されます。
  2. モードを選択 — 写真と動画を切り替えます。動画モードではカメラが再起動しマイクが追加されます。
  3. 撮影 — 写真モードでは「写真を撮る」をクリックしてスナップショット。動画モードでは「録画開始」をクリックし、終了したら「停止」をクリック。
  4. ダウンロード — ギャラリーの撮影済みアイテムにホバーし、ダウンロードアイコンをクリックして保存。
  5. 再生 — 撮影した動画の再生アイコンをクリックするとメインエリアで再生できます。「カメラに戻る」でライブ映像に戻ります。
  6. 削除 — ホバーして削除(X)ボタンをクリックするとキャプチャを破棄しメモリを解放します。

動作の仕組み

ツールはブラウザのMediaDevices API(getUserMedia)でカメラとマイクにアクセスします。写真は現在のビデオフレームをcanvasに描画してJPEGでエクスポートすることでキャプチャします。動画はMediaRecorder APIで録画し、WebMチャンクを生成。これらを単一のBlobに結合してダウンロード可能にします。すべてのメディアは削除するかページを離れるまでblob URLとしてブラウザメモリに保持されます。

HTTPSが必須な理由は、getUserMediaがセキュアコンテキスト(HTTPSまたはlocalhost)でのみ動作するためです。セキュアでないページで誤ってカメラアクセスを許可するのを防ぎます。

使用例とサンプル

  • 手軽な自撮り — 別アプリを開かずに写真を撮影。
  • 画面録画の代替 — カメラとマイクで短い解説付き動画を録画。
  • ドキュメントスキャン — 後で使うための書類を撮影。
  • 動画メッセージ — 音声付きの短いメッセージを録画。

制限と既知の制約

  • HTTPS必須 — プレーンHTTPでは動作しません(localhost除く)。
  • ブラウザ対応 — getUserMediaとMediaRecorderはモダンブラウザでサポート。古いブラウザでは動作しない場合があります。
  • WebM形式 — 動画はWebMで保存されます。一部の古いプレーヤーはサポートしていない可能性があります。必要に応じて変換してください。
  • 権限 — カメラ(動画の場合はマイクも)のアクセスを許可する必要があります。拒否するとツールは使えません。

よくある質問

カメラツールは写真や動画をサーバーにアップロードしますか?
いいえ。すべての撮影はブラウザ内で完結します。写真と動画はダウンロードするまでデバイスに残ります。サーバーには何も送信されません。
なぜカメラにはHTTPSが必要ですか?
ブラウザはgetUserMedia()にユーザーのプライバシー保護のためセキュアコンテキスト(HTTPSまたはlocalhost)を要求します。Web標準です。
カメラツールはどの形式で出力しますか?
写真はJPEGで保存されます。動画はWebM(VP8またはVP9、Opusオーディオ付き)で保存されます。ほとんどのモダンブラウザとメディアプレーヤーはWebMをサポートしています。
スマートフォンでカメラツールを使えますか?
はい。カメラと対応ブラウザがあるデバイスなら動作します。モバイルではカメラとマイクの権限を許可する必要がある場合があります。
カメラやマイクが拒否された場合は?
ツールがメッセージを表示します。ブラウザのサイト権限を確認し、このサイトのカメラ(動画の場合はマイクも)へのアクセスを許可してください。

動作の仕組み

方法

  • All capture runs in your browser; nothing is uploaded to any server.
  • Captured files are released from memory when you remove them or leave the page.

すべての計算と変換はブラウザ内で完全に実行されます。データはサーバーに送信されず、入力内容はデバイスから離れません。