Comments 5
Интересная статья, добавить бы еще ручки в браузер
Да без проблем, делается за часик два что угодно, прикольно. Ещё помнятся времена как мучительно было раньше со звуком в html а теперь хоть синтезаторы хоть mp3 проигрывание, ноу проблема. Будущее тут.
https://antony3d.github.io/a3d-sound-oscillator/
Шикарно!
Привет, коллега! Отличная статья! Очень всё понятно и по делу.
Я сам непосредственно сталкиваюсь и продолжаю решать проблемы синтеза прямо в браузере. Тематика очень похожа на вашу, только у меня синтезатор спрятан «под капотом» приложения AuraGroove. В моей архитектуре это конечная точка звукового тракта, которая отдается напрямую в выходной акустический тракт.
В конечном итоге мне пришлось перейти на таблично-волновой синтез (wavetable) чисто из соображений производительности, так как в некоторых режимах одновременно приходится использовать до 1000 активных голосов. Всё собрано на чистом Web Audio API без сторонних библиотек.
Чтобы звук не был «стерильным», я реализовал гибридный подход прямо в фабрике инструментов:
Органы: Вместо простой суммы синусоид — эмуляция динамика Лесли с микро-дрейфом скорости ротора и противофазным тремоло для L/R каналов.
Гитары: Использую 20-мс сэмплы реальной атаки («щипок»), которые программно «сшиваются» с математически сгенерированным телом ноты.
Пэды и Синтезаторы: Чтобы избежать эффекта “плавающей” громкости, я использую атомарное управление ADSR. Каждая нота имеет свой независимый голос с кэшированными PeriodicWave, что позволяет держать до 500+ одновременных голосов без GC-шторма даже на мобильных устройствах.
Технически задача прикрутить к моему синтезатору UI вполне решаемая, но сейчас фокус на алгоритмической генерации. Послушать звучание можно прямо в браузере по ссылке: https://studio-5974577704-204a1.web.app
С удовольствием и большим интересом обсудил бы с вами проблематику браузерного синтеза, если вам, конечно, это интересно :)
FM-синтез звука в браузере. Часть 1