home.social
Sign in Create account

#web_audio_api — Public Fediverse posts

Live and recent posts from across the Fediverse tagged #web_audio_api, aggregated by home.social.

  1. Habr @[email protected] ·

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

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

    habr.com/ru/articles/970404/

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

    #web_audio_api #midi #synthesizers #sonification #ambient #noise
  2. Habr @[email protected] ·

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

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

    habr.com/ru/articles/950660/

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

    #web_audio_api #tonejs #worklets #worker #generative_art #musicmaking
  3. Habr @[email protected] ·

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

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

    habr.com/ru/articles/946754/

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

    #webaudio #webaudio_api #web_audio_api #oreilly #перевод_книг #синтез_звука
  4. Habr @[email protected] ·

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

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

    habr.com/ru/companies/timeweb/

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

    #javascript #js #threejs #gsap #web_audio_api #3d
  5. Habr @[email protected] ·

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

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

    habr.com/ru/companies/timeweb/

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

    #javascript #js #threejs #gsap #web_audio_api #3d
  6. Habr @[email protected] ·

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

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

    habr.com/ru/companies/timeweb/

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

    #javascript #js #threejs #gsap #web_audio_api #3d
  7. Habr @[email protected] ·

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

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

    habr.com/ru/companies/timeweb/

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

    #3dграфика #аудио #audio #3dgraphic #3d #web_audio_api