Кратко
  • Сигнал рассчитывается на устройстве, а не передаётся потоком.
  • PWA сохраняет основные файлы в кеше после посещения с подключением к интернету.
  • Очистка данных сайта может удалить копию для работы без интернета.

Как попробовать

Один раз откройте генератор с подключением к интернету, затем проверьте его в авиарежиме на своём устройстве. Сохраните браузер или установленное PWA; очистка данных сайта удаляет кеш, после чего потребуется снова посетить сайт с подключением к интернету.

  1. Один раз загрузите главную страницу с подключением к интернету и нажмите «Воспроизвести».
  2. Включите авиарежим, перезагрузите страницу и снова нажмите «Воспроизвести».
  3. Если это не сработает, добавьте страницу на главный экран и повторите проверку.

Что учитывать

Доступность без интернета может зависеть от правил хранения данных в браузере. SleepMix — отдельное приложение для iPhone на случай, когда вам нужен предсказуемый доступ к сохранённым миксам.

Как генератор обходится без потоковой передачи

После загрузки страницы и её аудиомодуля worklet белый, розовый и коричневый шум создаются с помощью вычислений на устройстве. Длинного аудиофайла на удалённом сервере, который нужно буферизовать, нет. Сервис-воркер PWA сохраняет в кеше оболочку приложения и основной код JavaScript, поэтому при следующем посещении эти файлы могут загрузиться без подключения к сети.

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

Проверьте работу без интернета на практике

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

Мы проверили эту последовательность в настольном Chromium на опубликованной предварительной версии сайта: страница перезагрузилась без интернета, и воспроизведение созданного звука началось. Это не доказывает, что каждый браузер на телефоне сохранит её в кеше или продолжит воспроизведение после блокировки экрана.

Что может и чего не может сервис-воркер

Сервис-воркер может отвечать на сетевые запросы данными из кеша, но он не является постоянно работающим аудиопроцессом. В руководстве MDN по PWA описано, как браузеры останавливают неактивные воркеры. Когда вы нажимаете «Воспроизвести», контекст Web Audio принадлежит открытой странице.

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

Подготовьтесь к возможной потере кеша

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

Приложение SleepMix для iPhone предлагает отдельные возможности для работы с сохранёнными миксами, но при подключении нового устройства вывода звука всё равно нужно проверить громкость. И на сайте, и в приложении следует устанавливать невысокую громкость.

Конфиденциальность и создание звука на устройстве

Генератор не запрашивает доступ к микрофону и не отправляет созданные аудиосэмплы на сервер. При посещении с подключением к интернету обычные запросы страницы по-прежнему поступают в службу хостинга, а внешние ссылки на App Store ведут за пределы этого сайта. При работе без интернета такие запросы страницы не отправляются до следующего подключения браузера к сети.

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

Короткая инструкция перед поездкой

Откройте страницу дома. Дождитесь её загрузки. Отключите сеть и откройте её ещё раз. Нажмите «Воспроизвести». Если вы слышите звук, значит, прямо сейчас у вас есть рабочая копия для использования без интернета. Если звука нет, подключитесь к сети и попробуйте снова. Сделайте это до отъезда в место с плохой связью. Один лишь сохранённый значок не доказывает, что кеш готов к работе.

Частые вопросы

Нужно ли скачивать MP3?

Нет. После загрузки кода этот браузерный генератор непрерывно рассчитывает аудиосэмплы.

Будет ли сайт работать без интернета при первом посещении?

Нет. Сначала успешно откройте сайт с подключением к интернету и проверьте готовность кеша, прежде чем отключаться от сети.

Одинаково ли сайт работает без интернета во всех браузерах?

Нет. Правила хранения и удаления данных различаются, поэтому проверьте работу в авиарежиме на своём устройстве.

Источники