capacitor.motion.ts

import { Component } from '@angular/core';
import { Plugins, MotionEventResult, MotionOrientationEventResult } from '@capacitor/core';

@Component({
  selector: 'app-home',
  templateUrl: 'home.page.html',
  styleUrls: ['home.page.scss'],
})
export class HomePage {

  constructor() {}

  async getPermission() {
    let permission;
    if (
      DeviceOrientationEvent &&
      typeof DeviceOrientationEvent.requestPermission === 'function'
    ) {
      /**
       * Safariの場合
       */
      permission = await DeviceOrientationEvent.requestPermission().catch(e => console.log(['Motion Error', e]));
    } else {
      permission = true;
    }
    if (permission !== undefined) {
      const motionListener = Plugins.Motion.addListener('accel', (accel: MotionEventResult) => {
        console.log(['Motion - accel', accel]);
      });
      const gyroListener = Plugins.Motion.addListener('orientation', (gyro: MotionOrientationEventResult) => {
        console.log(['Motion - gyro', gyro]);
      });
    }
  }
}