【HTML Living Standard】capture属性の使い方
capture属性の使い方について、初心者にもわかりやすく解説します。
作成日: 更新日:
基本的な使い方
captureプロパティは、HTMLの<input type="file">要素で使用され、ファイルをアップロードする際に、デバイスのメディア入力デバイスを直接起動するかどうかを制御するプロパティです。このプロパティは、特にスマートフォンやタブレットなどのモバイルデバイスにおいて、ユーザーがカメラで写真を撮ったり、動画を録画したり、マイクで音声を録音したりして、それを即座にWebアプリケーションにアップロードしたい場合に役立ちます。
captureプロパティにuserという値を設定すると、ユーザーに面した（インカメなどの）カメラやマイクが起動されることを推奨します。一方、environmentという値を設定すると、デバイスの背面にある（アウトカメラなどの）カメラやマイクが起動されることを推奨します。これらの値を指定することで、ユーザーが既存のファイルを選択する手間を省き、特定の種類のコンテンツをより迅速かつ直感的に入力できるようになります。
もしcaptureプロパティが設定されていない場合や、指定された値がサポートされていない場合、ユーザーは通常通り、既存のファイルから選択するか、またはデバイスのメディア入力機能を使って新しいコンテンツを生成するかを自由に選択できます。この機能は、Webアプリケーションにおけるユーザーエクスペリエンスの向上に貢献します。
公式リファレンス: HTML attribute: capture
構文(syntax)
1<input type="file" capture="user">
引数(parameters)
引数なし
引数はありません
戻り値(return)
戻り値なし
戻り値はありません