До этого ноды фильтров и анализатора страдали от слабой читаемости графиков. Мне кажется, что узел анализатора вообще выглядел почти декоративно и не позволял нормально анализировать сигнал. Поэтому я решил сконцентрироваться на улучшении визуализаций в этих нодах:
1️⃣ В
BiquadFilterNode маркер частоты (оранжевый кружок) улетал за пределы графика в lowpass и highpass фильтрах при высоких значениях Q. Теперь он всегда виден — на более высоких значениях Q график автоматически масштабируется по вертикали (по амплитудной шкале).2️⃣ Теперь любую точку графика в
BiquadFilterNode и IIRFilterNode можно проинспектировать и увидеть точные значения частоты и амплитуды. Это поможет точнее настраивать форму фильтров.3️⃣ Увеличил размер
AnalyserNode примерно в полтора раза, чтобы повысить читаемость и удобство работы. Теперь по умолчанию открывается частотный график, так как именно он используется чаще.4️⃣ В анализаторе график частотных характеристик теперь отображается не в виде отдельных пиков, а плавной кривой с градиентной заливкой — как в профессиональных эквалайзерах вроде FabFilter Pro-Q.
5️⃣ Режим осциллографа (Time) теперь показывает более стабильную картинку и подсвечивает клиппинг (перегруз по амплитуде). При наведении курсора на график текущий аудиокадр фиксируется, чтобы волну было проще изучать.
6️⃣ В обоих режимах анализатора теперь можно навести курсор на график и посмотреть точные значения в конкретной точке. В Frequency отображаются частота и dB, в Time — время и амплитуда.
Все изменения уже доступны в 🎛: https://app.webaudio.studio.
На видео можно увидеть, как выглядело раньше и как работает теперь. Буду рад любой обратной связи!