Web API: Доступ к данным акселерометра устройства с помощью Accelerometer API

Accelerometer API — это интерфейс программирования приложений, который предоставляет доступ к данным акселерометра устройства, если оно обладает соответствующими возможностями. Акселерометр — это датчик, который измеряет ускорение движения устройства в трех осях: оси X, Y и Z.

Accelerometer API позволяет веб-сайтам получать данные акселерометра и использовать их для различных целей, например, для определения ориентации устройства, обнаружения движений, создания интерактивных игр или прокрутки контента на веб-странице на основе движений пользователя.

const msgElement = document.getElementById('msg');

// Проверяем поддержку Accelerometer API
if ('Accelerometer' in window && typeof window.Accelerometer === 'function' )
{
	msgElement.innerHTML += 'Accelerometer API поддерживается.<br>';
	
	// Создаем экземпляр объекта акселерометра
	const accelerometer = new Accelerometer({ frequency: 60 });

	// Обработчик события изменения данных акселерометра
	accelerometer.addEventListener('reading', () => {
		
		// Получаем значения ускорения по осям X, Y и Z
		const accelerationX = accelerometer.x;
		const accelerationY = accelerometer.y;
		const accelerationZ = accelerometer.z;

		// Выводим данные в блок
		msgElement.innerHTML += `X: ${accelerationX}, Y: ${accelerationY}, Z: ${accelerationZ}<br>`;
	});

	// Обработчик события ошибки акселерометра
	accelerometer.addEventListener('error', (event) => {		
		msgElement.innerHTML += `Ошибка акселерометра: ${event.error.name}<br>`;
	});

	// Начинаем чтение данных акселерометра
	accelerometer.start();
} 
else 
{	
	msgElement.innerHTML += 'Accelerometer API не поддерживается в этом браузере или устройстве.<br>';
	msgElement.innerHTML += 'Попробуйте Chrome for Android.';
}

На текущий момент Accelerometer API поддерживается в некоторых мобильных браузерах:

• Chrome для Android

• Firefox для Android

• UC Browser for Android