Deviceorientation не работает, как ожидалось

Question

Я пробую код с помощью слушателя ориентации устройства, и он не работает так, как я ожидал. Я испробовал несколько разных методов (показанных ниже), и оба прекрасно работают при ручной смене датчиков отладчика Chrome, однако я не могу заставить его работать на любом мобильном устройстве автоматически.

Я использую этот сайт в качестве ссылки и демонстрации:

- https://www.audero.it/demo/device-orientation-api-demo.html

https://code.tutsplus.com/tutorials/an-introduction-to-the-device-orientation-api--cms-21067

Демонстрация выше прекрасно работает на моем телефоне, но когда я пытаюсь внедрить тот же код в то, над чем я работаю, ничего не происходит.

export class AppComponent {
    absolute: boolean = false;
    alpha: number = 0;
    beta: number = 0;
    gamma: number = 0;
    private orientation$ = fromEvent(window, 'deviceorientation');

    constructor() { }

    ngAfterViewInit() {
    // Method 1
        window.addEventListener('deviceorientation', (e) => console.log(e));

    // Method 2
        this.orientation$.subscribe((res: any) => console.log(res));
    }
}

Есть идеи, что мне не хватает?