W3cubDocs

/DOM

Gyroscope

The Gyroscope interface of the Sensor APIs provides on each reading the angular velocity of the device along all three axes.

To use this sensor, the user must grant permission to the 'gyroscope' device sensor through the Permissions API.

If a feature policy blocks use of a feature it is because your code is inconsistent with the policies set on your server. This is not something that would ever be shown to a user. See Feature-Policy for implementation instructions.

Constructor

Gyroscope.Gyroscope()
Creates a new Gyroscope object.

Properties

Gyroscope.x Read only
Returns a double containing the angular velocity of the device along the device's x axis.
Gyroscope.y Read only
Returns a double containing the angular velocity of the device along the device's y axis.
Gyroscope.z Read only
Returns a double containing the angular velocity of the device along the device's z axis.

Example

The gyroscope is typically read in the Sensor.onreading event callback. In the example below this occurs sixty times a second.

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

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

Specifications

Specification Status Comment
Generic Sensor API Candidate Recommendation Defines sensors in general.
Gyroscope
The definition of 'Gyroscope' in that specification.
Candidate Recommendation Initial definition.

Browser compatibilityUpdate compatibility data on GitHub

Desktop
Chrome Edge Firefox Internet Explorer Opera Safari
Basic support 69 ? ? ? 56 ?
Gyroscope() constructor 69 ? ? ? 56 ?
x 69 ? ? ? 56 ?
y 69 ? ? ? 56 ?
z 69 ? ? ? 56 ?
Mobile
Android webview Chrome for Android Edge Mobile Firefox for Android Opera for Android iOS Safari Samsung Internet
Basic support 69 69 ? ? 56 ? ?
Gyroscope() constructor 69 69 ? ? 56 ? ?
x 69 69 ? ? 56 ? ?
y 69 69 ? ? 56 ? ?
z 69 69 ? ? 56 ? ?

© 2005–2018 Mozilla Developer Network and individual contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/Gyroscope