AudioContext не работает на мобильном телефоне? (iPhone проверено)

Question

Я прочитал статью , представляющую HTML5 Web Audio API.

Это очень интересно с моим настольным Chrome.

Однако, это не работает для мобильных устройств?

Answer 1

Статья, кажется, около трех лет. И тогда политика автозапуска браузеров не влияла на использование Web Audio API. Это изменилось. Теперь для запуска AudioContext требуется пользовательский жест (обычно это событие щелчка).

Первый пример упомянутой статьи будет выглядеть следующим образом:

const $playButton = document.getElementById('play-button');

$playButton.addEventListener('click', () => {
    const context = new AudioContext();
    const oscillator = context.createOscillator();

    oscillator.type = 'sine';
    oscillator.connect(context.destination);
    oscillator.start();
};

Это такпредположим, что у вас есть кнопка с идентификатором play-button где-то в вашем HTML.

<button id="play-button">play</button>