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

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カメラフィールドのデフォルトのカメラ方向を設定するために必要なすべてが揃いました。