---
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')}} событие для вызова callback-функции. В примере ниже функция вызывается 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>

<table class="standard-table">
 <tbody>
  <tr>
   <th scope="col">Specification</th>
   <th scope="col">Status</th>
   <th scope="col">Comment</th>
  </tr>
  <tr>
   <td>{{SpecName('Generic Sensor')}}</td>
   <td>{{Spec2('Generic Sensor')}}</td>
   <td>Defines sensors in general.</td>
  </tr>
  <tr>
   <td>{{SpecName('Gyroscope','#gyroscope-interface','Gyroscope')}}</td>
   <td>{{Spec2('Gyroscope')}}</td>
   <td>Initial definition.</td>
  </tr>
 </tbody>
</table>

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



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