AI要約
ユーザーがフォームに入力しながら、デバイスから直接写真を撮ったりビデオを録画したりできるようにしますか？ WPFormsのカメラフィールドを使用すると、ユーザーはWebカメラまたはモバイルデバイスのカメラにアクセスできるようになり、これが可能になります。これは、プロフィール写真、ID確認のスナップショット、簡単なビデオ応答などの収集に役立ちます。
このチュートリアルでは、WPFormsのカメラフィールドの使用方法を説明します。
開始する前に、WPFormsをインストールしてアクティブ化し、ライセンスを検証してください。次に、新しいフォームを作成するか、既存のフォームを編集してフォームビルダーにアクセスしてください。
フォームにカメラフィールドを追加する
フォームビルダーでは、[Fancy Fields]セクションの下にカメラフィールドがあります。 [Camera]フィールドをクリックするか、フォームプレビューエリアにドラッグアンドドロップして、フォームに追加します。
キャプチャ形式の選択
カメラフィールドを追加したら、フォームプレビューエリアのフィールドをクリックして、[Field Options]パネルを開きます。
ここでは、静止画をキャプチャするかビデオを録画するかを決定する[Format]設定が表示されます。デフォルトでは[Photo]に設定されていますが、必要に応じて[Video]に切り替えることができます。
写真形式
[Photo]を選択すると、フィールドは静止画をキャプチャします。このオプションは、プロフィール写真、コンテストのエントリー、ID確認フォームなどに役立ちます。フロントエンドでは、ユーザーはクリックして写真を撮ることができるカメラボタンが表示されます。
3秒間の短いタイマーの後、写真がキャプチャされ、プレビューが表示されるため、ユーザーはそれを保持するか再撮影するかを決定できます。
ビデオ形式
[Video]を選択すると、フィールドは短いビデオクリップを録画します。これは、ビデオ紹介やフィードバック送信などのユースケースに最適です。写真と同様に、録画が開始される前に3秒間のカウントダウンが表示されます。
デフォルトでは、最大録画時間は1分30秒に設定されていますが、ファイルサイズを制御するために[Time Limit]オプションでこの制限を調整できます。
キャプチャ後、ユーザーは常にプレビューを確認し、写真またはビデオを保持、再撮影、または削除することを選択できます。
注意：カメラフィールドを使用する場合、ブラウザからカメラとマイクへのアクセスを許可するように求められる場合があります。権限が拒否された場合、フィールドは機能しません。
最大ファイルサイズの指定
キャプチャ形式を制御することに加えて、写真とビデオのファイルサイズ制限を設定することもできます。これを行うには、カメラフィールドオプションを開き、[Max File Size]設定を見つけます。
ここでは、メガバイト単位で、各ファイルの最大サイズを入力できます。このフィールドを空白のままにすると、WPFormsはサーバーのデフォルトのアップロード制限を使用します。ほとんどのサーバーでは、この制限は64 MBです。
カメラボタンのスタイルの変更
フォームでのカメラフィールドの表示方法を変更したい場合は、フィールドオプションパネルの詳細設定タブを開きます。次に、スタイルドロップダウンを探します。ここでは、フォームの外観に最適なものに応じて、コントロールをボタンまたはリンクとして表示することを選択できます。
その下にあるボタンリンクテキスト設定では、ボタンまたはリンクに表示されるラベルをカスタマイズできます。たとえば、「カメラでキャプチャ」から「写真を撮る」または「ビデオを録画する」に変更できます。
カメラのアップロードの保存
デフォルトでは、カメラフィールドでキャプチャされた写真とビデオは、サイトのアップロードディレクトリ内のWPFormsフォルダに保存されます。
ただし、カメラのアップロードをWordPressメディアライブラリに保存したい場合は、フィールドオプションパネルの詳細設定タブに移動し、ファイルをWordPressメディアライブラリに保存オプションをオンにします。
キャプチャをどこに保存しても、個々のエントリ内のキャプチャのリンクをクリックすることで、フォームのエントリで常にアクセスできます。
注意: 写真とビデオの両方を含む、カメラフィールドでキャプチャされたファイルは、サイトのストレージ容量を消費する可能性があります。これを管理するために、WPFormsはDropboxアドオンとGoogle Driveアドオンを提供しており、ファイルを外部ストレージに自動的にオフロードできます。これにより、ファイルを安全に保存しながら、WordPressサイトを軽量に保つことができます。
ファイルアクセスを制限する
カメラフィールドを使用すると、特定のWordPressユーザーへのアクセスを制限したり、パスワード保護を追加したりすることで、アップロードされた写真やビデオのキャプチャにアクセスできるユーザーを制御できます。これを行うには、詳細設定タブに移動し、ファイルアクセス制限を有効にするトグルボタンをオンにします。
有効にすると、ユーザーベースの制限またはパスワード保護のいずれかを選択できます。これらの設定の構成に関する完全な詳細については、アップロードされたファイルへのアクセスを制限する方法に関するガイドを確認してください。
よくある質問
これらは、WPFormsのカメラフィールドの使用に関してよく受ける質問に対する回答の一部です。
ご注意ください！このドキュメントの一部のFAQにはPHPコードが含まれており、開発者向けです。このコードは便宜上提供していますが、コードのカスタマイズやサードパーティの開発についてはサポートを提供していません。
サイトにカスタムコードを追加するためのより簡単なアプローチをご希望の場合は、カスタムコードスニペットの追加に関するガイドを参照してください。
写真が撮られる前のカウントダウンタイマーを変更できますか？
はい。デフォルトでは、カメラフィールドは写真またはビデオが開始される前に3秒間のカウントダウンを表示します。この待機時間を調整したい場合は、次のコードスニペットをサイトに追加する必要があります。
add_filter( 'wpforms_pro_forms_fields_camera_field_wait_time_seconds', function( $wait_time ) {
return 1; // Change this value to the number of seconds you want
} );
スニペット内の数値を更新することで、カウントダウンを秒単位で設定できます。
ユーザーは送信前に写真またはビデオを撮り直すことができますか？
はい。キャプチャ後、ユーザーは送信前に写真またはビデオを使用、撮り直し、または削除するオプションが表示されます。
モバイルデバイスで、カメラフィールドが前面または背面カメラのどちらを開くかを選択できますか？
デフォルトでは、カメラフィールドで使用されるカメラは、ユーザーのモバイルデバイスとブラウザによって決定されます。ただし、デフォルトのカメラの向き（前面または背面）を設定したい場合は、カスタムコードスニペットで実行できます。
詳細については、カメラフィールドのデフォルトのカメラの向きを設定するに関する開発者向けドキュメントをご覧ください。
これで完了です！WPFormsのカメラフィールドを使用して、ユーザーがフォームで直接写真や動画をキャプチャする方法がわかりました。
次に、フォームの外観を整えるためにスタイルを設定しますか？詳細はフォームテーマの使用に関するガイドを必ず確認してください。