Device Orientation API Demo

The Device Orientation API provides access to the physical orientation of the device. It reports alpha (compass direction), beta (front-to-back tilt), and gamma (left-to-right tilt).

Device Orientation: checking...

Orientation Controls

Start ListeningStop ListeningRequest Permission (iOS)CalibrateClear Log

Orientation Values

Alpha (Z-axis rotation)

degrees (0-360)

Beta (X-axis tilt)

degrees (-180 to 180)

Gamma (Y-axis tilt)

degrees (-90 to 90)

Visual Representation

NSWE

Compass (Alpha)

FRONT

BACK

L

R

TOP

BOT

Device Tilt (Beta/Gamma)

Additional Information

Absolute Orientation-

WebKit Compass Heading-

WebKit Compass Accuracy-

Update Count0

Event Log

Waiting for orientation events...