Почему шум в браузере прекращается при блокировке телефона?

Что происходит с веб-страницей в фоновом режиме

Генератор использует Web Audio, пока его страница активна. Когда экран блокируется или другое приложение становится активным, браузер и операционная система решают, продолжит ли этот аудиоконтекст работу, будет ли приостановлен или прерван. JavaScript не может требовать непрерывной работы в фоновом режиме.

В истории ошибок Apple WebKit зафиксированы различия между вкладками Safari, веб-приложениями на домашнем экране и версиями iOS. Поэтому стоит проверить работу на конкретном устройстве, а не обещать одинаковое поведение на всех iPhone.

Значок на домашнем экране не даёт системных прав на фоновое воспроизведение звука

После установки PWA у страницы появляется значок и окно, похожее на окно приложения. Его сервис-воркер может кешировать файлы страницы для повторного открытия без интернета, но не поддерживает работу модуля Web Audio после приостановки страницы.

В руководстве MDN по работе без интернета и в фоновом режиме объясняется, что сервис-воркеры могут быть остановлены при отсутствии активности. Кеширование для работы без интернета и непрерывное воспроизведение звука — разные возможности.

Проверьте работу в тех условиях, в которых собираетесь спать

Установите таймер на короткое время, нажмите «Воспроизвести» и заблокируйте телефон, пока вы ещё бодрствуете. Оставьте его заблокированным достаточно долго, чтобы понять, продолжается ли звук. Затем разблокируйте телефон и проверьте, соответствует ли состояние таймера фактическому воспроизведению. Повторите проверку после подключения колонки Bluetooth или смены браузера.

Также проверьте уведомления и телефонные звонки, если они часто поступают ночью. Смена устройства вывода звука может прервать воспроизведение, даже если сама блокировка экрана этого не делает.

Выберите подходящий запасной вариант

Если воспроизведение прекращается, используйте браузер, чтобы расслабиться перед сном, пока экран включён, а затем оставьте комнату в тишине. Специальное приложение для iPhone использует системный аудиосеанс, рассчитанный на более длительное воспроизведение; ссылка на SleepMix приведена здесь для такого использования.

Ни приложение, ни сайт не могут обещать, что разряженная батарея, отключённая колонка или настройка устройства никогда не прервут звук. Если важно проснуться к определённому времени, используйте отдельный будильник.

Начните с простых проверок

Проверьте, что браузер открыт касанием, громкость устройства поднята и выбрано нужное устройство вывода звука. Если после прерывания страница показывает кнопку «Воспроизвести», но звука нет, остановите и снова запустите воспроизведение. Не повышайте громкость снова и снова, пытаясь компенсировать приостановленный аудиоконтекст.

Если после обновления браузера поведение изменилось, при обращении в поддержку укажите браузер, версию iOS и устройство вывода звука. Эти сведения полезнее, чем общее сообщение о том, что таймер не сработал.

Короткая проверка перед сном

Откройте страницу. Нажмите «Воспроизвести». Убавьте звук. Заблокируйте телефон на несколько минут. Если звук по-прежнему слышен, разблокируйте телефон и проверьте, что происходит при звонке или уведомлении. Эта простая проверка расскажет гораздо больше, чем утверждение, что все телефоны работают одинаково. Если звук прерывается, планируйте пользоваться инструментом только во время подготовки ко сну.