Итак, хочу поделиться новостью о публичном релизе Web Audio Studio! 🎛 🎛 🎛 🎛 🎛 Web Audio Studio — это инструмент для визуализации и отладки аудиографов, написанных на JavaScript с использованием Web Audio API. Устройство приложения простое: слева вы пишете WAA-код, запускаете его — и справа рендерится реально работающий аудиограф. Сейчас в приложении поддержаны практически все узлы, описанные в спецификации Web Audio API, за исключением двух узлов для работы с многоканальным звуком и AudioWorkletNode, с помощью которой можно писать собственную DSP-логику в отдельном аудиоворкере. Работа над ними уже ведётся, и поддержка появится в будущих версиях. Однако лучше расскажу не о том, чего в WAS пока нет, а о том, что в нём уже есть: • полноценный редактор с подсветкой, форматированием кода и выводом ошибок; • визуальный аудиограф с отображением практически всех доступных в WAA аудиоузлов на канвасе; • маппинг аудиопараметров 1:1 — никаких лишних абстракций, только реальные параметры Web Audio API; • поддержка модуляций аудиопараметров; • возможность в реальном времени менять параметры и сразу слышать, как меняется сигнал; • возможность проанализировать аудиосигнал в любом месте графа, вставив AnalyserNode между двумя узлами; • встроенная визуализация аудиопроцессов в основных узлах: фильтрах, ревербераторах, компрессорах и других; • 20 готовых шаблонов кода для демонстрации ключевых возможностей Web Audio API. Моей мотивацией создать этот инструмент было сильное желание разобраться в сложном, но невероятно интересном мире синтеза и обработки цифрового звука. Конкретные идеи родились из личного опыта работы с Web Audio API (и боли) — он действительно может быть сложным для понимания и отладки. Web Audio Studio задуман как способ сделать эту работу более прозрачной и понятной. WAS пока находится в статусе альфа, работает только на десктопе и, к сожалению, может быть недоступен с РФ-адресов. Надеюсь, в будущем смогу найти способ это обойти, но сейчас прошу учитывать это ограничение. 🎛 🎛 🎛 🎛 🎛 Ссылка: https://webaudio.studio Буду рад любому фидбеку, особенно от разработчиков, которые уже делали что-то нетривиальное на Web Audio. Мне важно понимать реальные боли аудио-разработчиков в браузере — это поможет делать инструмент действительно полезным. Вы можете оставить обратную связь в комментариях, в личке в Telegram, по почте contact@webaudio.studio или через форму обратной связи в приложении. Также буду рад, если вы подпишетесь на обновления через форму внизу лендинга. Буду благодарен за распространение Web Audio Studio среди ваших коллег и знакомых, уже работающих или заинтересованных в Web Audio.