Визуальный инспектор аудиографов на Web Audio API: мотивация, архитектура и опыт разработки

Всем привет! Меня зовут Александр Григоренко, я фронтенд-разработчик и создатель Web Audio Studio — браузерного инструмента для визуализации и исследования аудиографов на Web Audio API. В этой статье я хочу поделиться историей разработки этого проекта, техническими деталями и особо интересными инженерными вызовами, с которыми я столкнулся в процессе его создания. Кроме того, я выскажу свои мысли о Web Audio API, о том, почему этот стандарт недооценен у веб-разработчиков и что с этим можно сделать (спойлер: во многом ему не хватает хорошего инструментария для разработки и отладки).

https://habr.com/ru/articles/1007526/

#web_audio_api #web_audio #sandbox #ide #отладка_javascript #звук #обработка_звука #dsp #digital_sound_processing #daw

Визуальный инспектор аудиографов на Web Audio API: мотивация, архитектура и опыт разработки

Интерфейс Web Audio Studio Всем привет! Меня зовут Александр Григоренко, я фронтенд-разработчик и создатель Web Audio Studio — браузерного инструмента для визуализации и исследования аудиографов на...

Хабр

Дроун-эмбиент-нойз синтезатор на Javascript: когда нестабильность работы это фича, а не баг

Речь пойдёт о нюансах использования Web Audio API и Web MIDI API для синтеза звука в браузере, методах датабендинга и сонификации, UX при использовании клавиатуры и мыши в музыкальных целях, а также почему браузер ungoogled-chromium лучше Google Chrome

https://habr.com/ru/articles/970404/

#web_audio_api #midi #synthesizers #sonification #ambient #noise #experimental_music

Дроун-эмбиент-нойз синтезатор на Javascript: когда нестабильность работы это фича, а не баг

Речь пойдёт о нюансах использования Web Audio API и Web MIDI API для синтеза звука в браузере, методах датабендинга и сонификации, UX при использовании клавиатуры и мыши в музыкальных целях, а также...

Хабр

AuraGroove: История одного воркера, который не хотел работать

Опыты кодирования с ИИ в команде. Написать эту статью меня сподвигла дилогия уважаемого Александра Антипина aka @alexantipin «Использование нейросетей в разработке игр» и попробовать поделится собственным опытом ИИ — геймдева. Это не совсем геймдев, это про разработку музыкального приложения, осложненное двумя маниакальными идеями: ни строчки кода руками и веб‑прриложение генератор музыки в реалтайм. Сам по себе проект, как законченное приложение, вряд ли представляет интерес, потому что это попытка переосмысления автопилота из другого приложения EtherMusic, тоже написанного ИИ. Там мне так и не удалось победить проблемы производительности на слабых устройствах типа смартфона. С чего вообще все началось, почему музыка, почему броузер, почему самоделка? Основная идея — помочь приобщить (не научить, а именно приобщить) к музыке людей, которые не умеют играть ни каком инструменте, но музыку любят и хотели бы сыграть что нибудь самостоятельно. Вторая идея — это медитация через музыку. Играя свое настроение сейчас или то, настроение, к которому стремишься, через музыку достичь внутренней гармонии. Ну и третья по счету, но главная по смыслу — помочь своему сыну, у которого музыкальный слух, но который не может слушать музыку. Потеря такого гигантского мира чувств, который дает музыка, больно ранит родительское сердце. Есть идея, что играя сам — научишься не ненавидеть музыку, а возможно, даже и полюбить. Посмотрим. Вдруг получится? Про что эта статья? Это просто история кодинга вместе с ИИ. Выводы делайте сами. Мне не нужна оценка качества кода и кода в статье не будет. Будет про архитектуру, идеи, взаимодействие и результат.

https://habr.com/ru/articles/950660/

#web_audio_api #tonejs #worklets #worker #generative_art #musicmaking #музыка #musiccode

AuraGroove: История одного воркера, который не хотел работать

AURA GROOVE Живая музыка, созданная математикой AuraGroove — это живой музыкальный организм, который сочиняет музыку в реальном времени. Он не воспроизводит треки — он создаёт их из ничего, по своим...

Хабр

Как я стал официальным переводчиком книги издательства O'Reilly про Web Audio API

Хочу поделиться своим необычным достижением: я стал официальным переводчиком книги издательства O’Reilly. Я перевёл на русский язык книгу Бориса Смуса Web Audio API (O’Reilly, 2013). В процессе работы над собственным образовательным проектом на тему синтеза и обработки цифрового звука, я начал изучать API и наткнулся на эту книгу на английском языке. Сначала я просто её конспектировал, но полезной информации было так много, что постепенно мои конспекты превратились в полноценный перевод. Тогда у меня появилось желание довести работу до конца — чтобы у русскоязычных разработчиков тоже был доступ к этим знаниям. В итоге я смог получить официальное разрешение на публикацию перевода от главы отдела по правам издательства O’Reilly и делюсь переводом с вами.

https://habr.com/ru/articles/946754/

#webaudio #webaudio_api #web_audio_api #oreilly #перевод_книг #синтез_звука #секвенсор #daw

Как я стал официальным переводчиком книги издательства O'Reilly про Web Audio API

Всем привет! Меня зовут Александр Григоренко, я фронтенд-разработчик. Хочу поделиться своим необычным достижением: я стал официальным переводчиком книги издательства O’Reilly и перевёл на русский язык...

Хабр

[Перевод] Разработка 3D-аудиовизуализатора с помощью Three.js, GSAP и Web Audio API

Визуализатор звука, в котором светящийся 3D-шар пульсирует и меняет цвет в такт музыке, а перетаскиваемые панели GSAP плавно перемещаются вокруг него по инерции. Демо Код Звук — это волны, зрение — это волны, которые мы видим. Я всегда стремлюсь поймать момент, когда эти волны накладываются друг на друга. Для недавнего задания от сообщества Webflow и GSAP, посвященного плагинам GSAP Draggable и Inertia , я решил развить идею, создав футуристический визуализатор, реагирующий на звук . Идея заключалась в создании научно-фантастического интерфейса "детектора аномалий", который реагирует на музыку в реальном времени, совмещая атмосферные визуальные эффекты со звуком. Поехали!

https://habr.com/ru/companies/timeweb/articles/927388/

#javascript #js #threejs #gsap #web_audio_api #3d #3dgraphic #audio #аудио #3dграфика

Разработка 3D-аудиовизуализатора с помощью Three.js, GSAP и Web Audio API

Визуализатор звука, в котором светящийся 3D-шар пульсирует и меняет цвет в такт музыке, а перетаскиваемые панели GSAP плавно перемещаются вокруг него по инерции. Демо Код Бесплатный курс по основам...

Хабр