iOS 13 の Safari 以降のブラウザは、サイトを https で提供することを要求し、DeviceOrientation イベントにアクセスする許可をユーザーに要求します。 このコンポーネントは、ユーザーがアクセスを許可または拒否するための許可ダイアログを表示します。device-orientation-permission-ui コンポーネントは、<a-scene> 要素にのみ適用されます。

ダイアログのスタイルを設定するために、関連するCSSスタイルを再定義することができます。同様に許可、拒否、OKボタンの色を変更できます。

.a-dialog-allow-button {
  background-color: red;
}

.a-dialog-deny-button {
  background-color: blue;
}

.a-dialog-ok-button {
   background-color: green;
 }

パーミッションのワークフローを別の方法で処理したい場合は、このダイアログをすべて無効にすることもできます。

例

<a-scene device-orientation-permission-ui="enabled: false"></a-scene>

Properties

Property	概要	デフォルト値
enabled	必要なときにダイアログを表示するかどうか	true
denyButtonText	「拒否する」ボタンのテキスト	English text
allowButtonText	「許可する」ボタンのテキスト	English text
cancelButtonText	「キャンセル」ボタンのテキスト	English text
deviceMotionMessage	Device Motion API を有効にするためのユーザーの許可を要求するダイアログのメッセージ。	English text
mobileDesktopMessage	モーダルで表示される、ユーザーにモバイルブラウジングモードへの切り替えを要求するメッセージ。	English text
httpsMessage	HTTPS への切り替えを要求するメッセージ。	English text

Events

Event Name	Description
deviceorientationpermissiongranted	ユーザーが DeviceOrientation イベントへのアクセスを許可した。
deviceorientationpermissionrejected	ユーザーまたはブラウザがデバイスオリエンテーションイベントへの アクセスを拒否した。
deviceorientationpermissionrequested	アプリケーションが DeviceOrientation イベントにアクセスする許可を要求した。