カメラフィールドのデフォルトカメラ方向の設定

モバイルデバイスでWPFormsカメラフィールドのデフォルトカメラ方向を設定しますか?

デフォルトでは、モバイルブラウザはカメラフィールド使用時に使用するカメラを自動的に選択します。場合によっては、カメラ起動時にフロントカメラまたはリアカメラを強制的にデフォルト設定したい場合があります。

これは、WPFormsカメラフィールドが初期化される前にデフォルトの向きモードを設定する小さなスニペットで実現できます。


デフォルトのカメラ方向の設定

さあ、スニペットをサイトに追加しましょう。

サイトにカスタムコードを追加する方法についてサポートが必要な場合は、コードスニペットの追加に関するチュートリアルをご覧ください。

/**
 * Set the default camera direction for the WPForms Camera field.
 *
 * user        = front camera
 * environment = rear camera
 *
 * @link /https://wpforms.com/developers/setting-the-default-camera-direction-for-the-camera-field/
 */
add_action( 'wpforms_wp_footer', function() {
	if ( is_admin() ) {
		return;
	}
	?>
	<script>
	document.addEventListener('DOMContentLoaded', function() {
		if ( window.WPForms && WPForms.Camera ) {
			WPForms.Camera.currentFacingMode = 'environment';
		}
	});
	</script>
	<?php
} );

このスニペットを追加すると、対応モバイルデバイスにおいてカメラフィールドは選択されたカメラ方向をデフォルトとして使用します。

カメラの方向を変更する

フロントカメラを使用するには、この行を変更してください:

WPForms.Camera.currentFacingMode = 'environment';

に:

WPForms.Camera.currentFacingMode = 'user';

以下の値を使用してください:

  • user フロントカメラ用
  • environment リアカメラ用

これでWPFormsカメラフィールドのデフォルトカメラ方向の設定は完了です。