---
title: Gyroscope
slug: Web/API/Gyroscope
translation_of: Web/API/Gyroscope
---
<div>{{APIRef("Gyroscope")}}</div>

<p><span class="seoSummary"><strong><code>Gyroscope</code></strong> интерфейс <a href="/docs/Web/API/Sensor_APIs">Sensor API</a> даёт возможность считать позицию устройства по всем трём осям.</span></p>

<p>Для использования того сенсора пользователю нужно предоставить доступ устройства к <code>'gyroscope'</code> через {{domxref('Permissions')}} API.</p>

<p>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 {{httpheader('Feature-Policy')}} for implementation instructions.</p>

<h2 id="Конструктор">Конструктор</h2>

<dl>
 <dt>{{domxref("Gyroscope.Gyroscope()")}}</dt>
 <dd>Создание нового <code>Gyroscope</code> объекта.</dd>
</dl>

<h2 id="Свойства">Свойства</h2>

<dl>
 <dt>{{domxref('Gyroscope.x')}} {{readonlyinline}}</dt>
 <dd>Возвращает угловое отклонение устройства по оси X.</dd>
 <dt>{{domxref('Gyroscope.y')}} {{readonlyinline}}</dt>
 <dd>Возвращает угловое отклонение устройства по оси Y.</dd>
 <dt>{{domxref('Gyroscope.z')}} {{readonlyinline}}</dt>
 <dd>Возвращает угловое отклонение устройства по оси Z.</dd>
</dl>

<h2 id="Примеры">Примеры</h2>

<p>Гироскоп обычно использует {{domxref('Sensor.onreading')}} событие для вызова колбэк-функции. В примере ниже функция вызывается 6 раз в секунду.</p>

<pre class="brush: js">let gyroscope = new Gyroscope({frequency: 60});

gyroscope.addEventListener('reading', e =&gt; {
  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();</pre>

<h2 id="Спецификации">Спецификации</h2>

{{Specifications}}

<h2 id="Поддержка_браузерами">Поддержка браузерами</h2>



<p>{{Compat("api.Gyroscope")}}</p>