Limited support 一部のブラウザのみ対応。使用時はサポート状況を確認すること。

Gyroscope

Sensor APIs の Gyroscope インターフェイスは、デバイスの 3 軸それぞれの角速度の計測値を提供します。

このセンサーを使用するには、ユーザーが 権限 API により 'gyroscope' デバイスセンサーを使用する許可を与える必要があります。さらに、この機能はサーバーで設定された 権限ポリシー によりブロックされる可能性があります。

EventTarget Sensor Gyroscope

デバイス・センサー

対応ブラウザ

機能 デスクトップ モバイル
Chrome
Edge
Firefox
Safari
Chrome Android
Safari iOS
Gyroscope
67
79
67
HTML 属性
allow (gyroscope)
実験的
66
79
66
DOM API
Gyroscope

Gyroscope() コンストラクターは、デバイスの 3 軸それぞれの角速度の計測値を提供する新しい Gyroscope オブジェクトを生成します。
67
79
67
x

Gyroscope インターフェイスの読み取り専用プロパティ x は、デバイスの x 軸方向の角速度を表す数値を返します。
67
79
67
y

Gyroscope インターフェイスの読み取り専用プロパティ y は、デバイスの y 軸方向の角速度を表す数値を返します。
67
79
67
z

Gyroscope インターフェイスの読み取り専用プロパティ z は、デバイスの z 軸方向の角速度を表す数値を返します。
67
79
67
permission_gyroscope
実験的

ジャイロスコープ`の許可
51
79
51
その他
gyroscope
実験的

HTTP の Permissions-Policy ヘッダーにおける gyroscope ディレクティブは、現在の文書が Gyroscope インターフェイスを通じて端末の方向に関する情報を収集することを許可するかどうかをコントロールします。
88
88
88
1+対応 (バージョン) 未対応 ※注釈あり サブ機能の解説は MDN Web Docs (CC BY-SA 2.5)

基本構文

JAVASCRIPT 
let gyroscope = new Gyroscope({ frequency: 60 });

gyroscope.addEventListener("reading", (e) => {
  console.log(`Angular velocity along the X-axis ${gyroscope.x}`);
  console.log(`Angular velocity along the Y-axis ${gyroscope.y}`);
  console.log(`Angular velocity along the Z-axis ${gyroscope.z}`);
});
gyroscope.start();

実務での使いどころ

  • Gyroscope の活用

    Sensor APIs の Gyroscope インターフェイスは、デバイスの 3 軸それぞれの角速度の計測値を提供します。

注意点

  • 一部のブラウザでのみ対応。使用前にブラウザサポートを確認すること。

実装メモ

  • 一部の API はセキュアコンテキスト (HTTPS) やユーザー操作起点を必要とする。利用前に要件を確認すること。

参考リンク