device-rotation

Get device rotation position using DeviceOrientationEvent

Usage no npm install needed!

<script type="module">
  import deviceRotation from 'https://cdn.skypack.dev/device-rotation';
</script>

README

device-rotation

Demo

Install

npm i device-rotation --save

Usage

import deviceRotation from 'device-rotation';

const cb = function(position) {
    console.log(position.x, position.y);
}

if (DeviceRotation.isAvailable()) {
    deviceRotation.setCallback(cb);
    deviceRotation.start();
}

Request permission in iOS 13.

It must be triggered on user action (click, tap or equivalent)

let permissionButton = document.getElementById('permissionButton');

if (DeviceRotation.isAvailable()) {
    if (DeviceRotation.needPermission()) {
        permissionButton.onclick = function () {
            DeviceRotation.start({ withPermission: true });
        }
    } else {
        DeviceRotation.start();
    }
}