Звуковий застосунок без аудіофайлів: як це працює

Коротко: В Ambient Sound Online немає записів. Кожен тон, фактура і відлуння обчислюються у вашому браузері в ту мить, коли ви їх чуєте, засобами Web Audio API, вбудованого в кожен сучасний браузер. Увесь застосунок важить як невелика фотографія, і даних він витрачає однаково, слухаєте ви хвилину чи цілий день.

Як перевірити

Запустіть Ocean, а потім увімкніть на телефоні режим польоту або вимкніть Wi-Fi на комп’ютері. Звук гратиме далі. Завантажувати йому більше нічого, бо звукових файлів немає.

Коли я починав, я не знав, що так можна. Я дизайнер і думав, що звуковий застосунок — це тека зі звуковими файлами.

Кухар, а не торговий автомат

Більшість застосунків з ембієнтом працюють як торговий автомат. Хтось колись записав трек, і щоразу, коли ви натискаєте play, вам видають той самий.

Тут усе ближче до кухаря з рецептом. У браузера є кілька базових складників. Осцилятор гуде однією простою нотою. Фільтр робить звук яскравішим або глухішим. Регулятор гучності плавно його вводить і виводить. З’єднайте жменю таких, і браузер готує звук свіжим, поки ви слухаєте. Ніщо не зберігається. Звук існує рівно стільки, скільки йому треба, щоб дійти до ваших динаміків.

Чотири прості частини — одне місце

Навіть кімнату обчислено

Відчуття, що звук лунає в якомусь просторі, дає реверберація. Зазвичай її отримують так: записують оплеск у справжній залі і використовують цей запис як штамп. Зали в мене немає. Застосунок будує короткий сплеск шуму, який згасає так, як згасало б відлуння, і бере за штамп його. У кожного світу він свій, тому Ocean звучить як під водою, а Forest як храм. Докладніше — у статті «Реверберація без запису» EN.

Що це дає

Він ніколи не повторюється. Запис — це відрізок звуку сталої довжини, тож рано чи пізно він піде по колу. Тут звук залежить від того, де саме опинилися фігури, а весь стрій за кілька хвилин повільно сповзає вгору і вниз, тож немає відрізка, до якого можна повернутися.

Він майже не витрачає даних. Після завантаження сторінки більше нічого качати не треба. Це важливо, коли інтернет мобільний. Витрати переходять на процесор вашого пристрою, і я розбирав це в статті «Процесор, батарея і дані».

Він грає далі, якщо зв’язок зник. Поки вкладка відкрита, мережа звукові не потрібна.

Чого це не означає

Це не означає, що ваш пристрій нічого не надсилає. Сайт рахує відвідування і те, як довго люди слухають, анонімно, як більшість сайтів. Жоден звук не записується і нікуди не надсилається.

Джерела

Web Audio API, MDN: можливість браузера, на якій усе це збудовано

Спробуйте: відкрийте Ocean і натисніть play. Він безкоштовний і запускається одним кліком, без облікового запису. Усе, що ви чуєте, створюється, поки ви слухаєте.

Відкрити Ocean, безкоштовно

Інтерфейс застосунку — англійською.