#webaudio — Public Fediverse posts
Live and recent posts from across the Fediverse tagged #webaudio, aggregated by home.social.
-
Креативное программирование: визуализация звука
Привет, я Игорь Аникин, Frontend разработчик RUTUBE TECH. Медиадизайнер, специализируюсь на компьютерной графике. Увлекаюсь программированием более 15 лет. Это небольшой мастер-класс, как визуализировать звук двумя способами. Текст подойдёт любому читателю, которому интересна выразительная часть цифрового мира.
-
If you have a Leap Motion, I have used it to enhance my web-based soft synth: https://marquisdegeek.com/slytherin #ProgressiveEnhancement #leapmotion
#javascript #coding #webaudio -
If you have a Leap Motion, I have used it to enhance my web-based soft synth: https://marquisdegeek.com/slytherin #ProgressiveEnhancement #leapmotion
#javascript #coding #webaudio -
If you have a Leap Motion, I have used it to enhance my web-based soft synth: https://marquisdegeek.com/slytherin #ProgressiveEnhancement #leapmotion
#javascript #coding #webaudio -
If you have a Leap Motion, I have used it to enhance my web-based soft synth: https://marquisdegeek.com/slytherin #ProgressiveEnhancement #leapmotion
#javascript #coding #webaudio -
If you have a Leap Motion, I have used it to enhance my web-based soft synth: https://marquisdegeek.com/slytherin #ProgressiveEnhancement #leapmotion
#javascript #coding #webaudio -
5 years ago I released the first video of the @mercury Playground for the browser, for live coding in the web! 🙂
Here's a new short video to celebrate some of the changes and updates that have been made since then:
https://www.youtube.com/watch?v=97hKDQJfgJo
All the code can be downloaded through links in the description of the video.
-
5 years ago I released the first video of the @mercury Playground for the browser, for live coding in the web! 🙂
Here's a new short video to celebrate some of the changes and updates that have been made since then:
https://www.youtube.com/watch?v=97hKDQJfgJo
All the code can be downloaded through links in the description of the video.
-
5 years ago I released the first video of the @mercury Playground for the browser, for live coding in the web! 🙂
Here's a new short video to celebrate some of the changes and updates that have been made since then:
https://www.youtube.com/watch?v=97hKDQJfgJo
All the code can be downloaded through links in the description of the video.
-
5 years ago I released the first video of the @mercury Playground for the browser, for live coding in the web! 🙂
Here's a new short video to celebrate some of the changes and updates that have been made since then:
https://www.youtube.com/watch?v=97hKDQJfgJo
All the code can be downloaded through links in the description of the video.
-
5 years ago I released the first video of the @mercury Playground for the browser, for live coding in the web! 🙂
Here's a new short video to celebrate some of the changes and updates that have been made since then:
https://www.youtube.com/watch?v=97hKDQJfgJo
All the code can be downloaded through links in the description of the video.
-
Extended weekend hack. I was looking for a #nowplaying function that I can use anywhere and do anything with the data. Also, that will work continuously. Because I want to use it to promote artists to the audience during DJ sets. I had a solution that uses Serato Live Playlists, but it is not universal. Now I have this: https://hckr.tv/shazam/. It uses the #WebAudio Worklet, #RxJS, and #ShazamIO WASM to recognize tracks in the music stream directly in your browser.
-
Extended weekend hack. I was looking for a #nowplaying function that I can use anywhere and do anything with the data. Also, that will work continuously. Because I want to use it to promote artists to the audience during DJ sets. I had a solution that uses Serato Live Playlists, but it is not universal. Now I have this: https://hckr.tv/shazam/. It uses the #WebAudio Worklet, #RxJS, and #ShazamIO WASM to recognize tracks in the music stream directly in your browser.
-
Extended weekend hack. I was looking for a #nowplaying function that I can use anywhere and do anything with the data. Also, that will work continuously. Because I want to use it to promote artists to the audience during DJ sets. I had a solution that uses Serato Live Playlists, but it is not universal. Now I have this: https://hckr.tv/shazam/. It uses the #WebAudio Worklet, #RxJS, and #ShazamIO WASM to recognize tracks in the music stream directly in your browser.
-
Extended weekend hack. I was looking for a #nowplaying function that I can use anywhere and do anything with the data. Also, that will work continuously. Because I want to use it to promote artists to the audience during DJ sets. I had a solution that uses Serato Live Playlists, but it is not universal. Now I have this: https://hckr.tv/shazam/. It uses the #WebAudio Worklet, #RxJS, and #ShazamIO WASM to recognize tracks in the music stream directly in your browser.
-
Extended weekend hack. I was looking for a #nowplaying function that I can use anywhere and do anything with the data. Also, that will work continuously. Because I want to use it to promote artists to the audience during DJ sets. I had a solution that uses Serato Live Playlists, but it is not universal. Now I have this: https://hckr.tv/shazam/. It uses the #WebAudio Worklet, #RxJS, and #ShazamIO WASM to recognize tracks in the music stream directly in your browser.
-
New FM synth added to the Mercury Playground @mercury, coded with a single AudioWorkletProcessor inside a ToneAudioNode from ToneJS
It's a basic FM with a single modulator-(envelope)->carrier setup, and can be extended with extra voices and detuning to run 2-3 or more operators.
Syntax: `new synth fm index() ratio() fmShape()`
Some tutorials available on the website
#mercurylivecoding #fmsynthesis #webaudio #audioworkletprocessor #javascript #mercury #browserbased
-
New FM synth added to the Mercury Playground @mercury, coded with a single AudioWorkletProcessor inside a ToneAudioNode from ToneJS
It's a basic FM with a single modulator-(envelope)->carrier setup, and can be extended with extra voices and detuning to run 2-3 or more operators.
Syntax: `new synth fm index() ratio() fmShape()`
Some tutorials available on the website
#mercurylivecoding #fmsynthesis #webaudio #audioworkletprocessor #javascript #mercury #browserbased
-
New FM synth added to the Mercury Playground @mercury, coded with a single AudioWorkletProcessor inside a ToneAudioNode from ToneJS
It's a basic FM with a single modulator-(envelope)->carrier setup, and can be extended with extra voices and detuning to run 2-3 or more operators.
Syntax: `new synth fm index() ratio() fmShape()`
Some tutorials available on the website
#mercurylivecoding #fmsynthesis #webaudio #audioworkletprocessor #javascript #mercury #browserbased
-
New FM synth added to the Mercury Playground @mercury, coded with a single AudioWorkletProcessor inside a ToneAudioNode from ToneJS
It's a basic FM with a single modulator-(envelope)->carrier setup, and can be extended with extra voices and detuning to run 2-3 or more operators.
Syntax: `new synth fm index() ratio() fmShape()`
Some tutorials available on the website
#mercurylivecoding #fmsynthesis #webaudio #audioworkletprocessor #javascript #mercury #browserbased
-
New FM synth added to the Mercury Playground @mercury, coded completely with a single AudioWorkletProcessor
It's a basic FM with a single modulator-(envelope)->carrier setup, and can be extended with extra voices and detuning to run 2-3 or more operators.
Syntax: `new synth fm index() ratio() fmShape()`
Some tutorials available on the website
#mercurylivecoding #fmsynthesis #webaudio #audioworkletprocessor #javascript #mercury #browserbased
-
Shipped V1.2.8 "Vertex" of Tessering — a free browser-based spatial audio workstation I'm building solo.
The headline: multi-select keyframes. Lasso, Cmd+click, Cmd+A, copy/paste, duplicate, group drag, arrow nudge, right-click context menu.
tessering.com
#SpatialAudio #WebAudio #IndieGameDev #BuildInPublic #WebDev #8DAudio -
ICYMI, Here's me showing off some audio work, from my 20 years in #JavaScript #development: https://sgxengine.com/slytherin This is a simple #softsynth that
also demonstrates #harmonics. Works with MIDI and #LeapMotion #webaudio #webmidi -
ICYMI, Here's me showing off some audio work, from my 20 years in #JavaScript #development: https://sgxengine.com/slytherin This is a simple #softsynth that
also demonstrates #harmonics. Works with MIDI and #LeapMotion #webaudio #webmidi -
ICYMI, Here's me showing off some audio work, from my 20 years in #JavaScript #development: https://sgxengine.com/slytherin This is a simple #softsynth that
also demonstrates #harmonics. Works with MIDI and #LeapMotion #webaudio #webmidi -
ICYMI, Here's me showing off some audio work, from my 20 years in #JavaScript #development: https://sgxengine.com/slytherin This is a simple #softsynth that
also demonstrates #harmonics. Works with MIDI and #LeapMotion #webaudio #webmidi -
ICYMI, Here's me showing off some audio work, from my 20 years in #JavaScript #development: https://sgxengine.com/slytherin This is a simple #softsynth that
also demonstrates #harmonics. Works with MIDI and #LeapMotion #webaudio #webmidi -
Here's me showing off some audio work, from my 20 years in #JavaScript #development:
https://www.marquisdegeek.com/slytherin/
This is a simple #softsynth that also demonstrates #harmonics. Works with MIDI
and #LeapMotion -
Here's me showing off some audio work, from my 20 years in #JavaScript #development:
https://www.marquisdegeek.com/slytherin/
This is a simple #softsynth that also demonstrates #harmonics. Works with MIDI
and #LeapMotion -
Here's me showing off some audio work, from my 20 years in #JavaScript #development:
https://www.marquisdegeek.com/slytherin/
This is a simple #softsynth that also demonstrates #harmonics. Works with MIDI
and #LeapMotion -
Here's me showing off some audio work, from my 20 years in #JavaScript #development:
https://www.marquisdegeek.com/slytherin/
This is a simple #softsynth that also demonstrates #harmonics. Works with MIDI
and #LeapMotion -
Here's me showing off some audio work, from my 20 years in #JavaScript #development:
https://www.marquisdegeek.com/slytherin/
This is a simple #softsynth that also demonstrates #harmonics. Works with MIDI
and #LeapMotion -
You don't need an audio file to create a metronome click!
Built this entirely with Web Audio API oscillators.
5 lines of code, exponential envelope, zero file overhead.
Here's how:
-
Building a drumming app taught me: JavaScript timers SUCK for audio.
After 30 seconds at 180 BPM, setInterval drifts noticeably off-tempo.
The fix? Web Audio API's "schedule ahead" pattern. Here's how it works: 🧵
-
ICYMI , here's me showing off some audio work, from my 20 years in #JavaScript #development: https://github.com/MarquisdeGeek/WebMIDI Some examples of WebMIDI
from a talk I gave in #Cambridge last year #webaudio #webmidi -
ICYMI , here's me showing off some audio work, from my 20 years in #JavaScript #development: https://github.com/MarquisdeGeek/WebMIDI Some examples of WebMIDI
from a talk I gave in #Cambridge last year #webaudio #webmidi -
ICYMI , here's me showing off some audio work, from my 20 years in #JavaScript #development: https://github.com/MarquisdeGeek/WebMIDI Some examples of WebMIDI
from a talk I gave in #Cambridge last year #webaudio #webmidi -
ICYMI , here's me showing off some audio work, from my 20 years in #JavaScript #development: https://github.com/MarquisdeGeek/WebMIDI Some examples of WebMIDI
from a talk I gave in #Cambridge last year #webaudio #webmidi -
ICYMI , here's me showing off some audio work, from my 20 years in #JavaScript #development: https://github.com/MarquisdeGeek/WebMIDI Some examples of WebMIDI
from a talk I gave in #Cambridge last year #webaudio #webmidi -
Here's me showing off some audio work, from my 20 years in #JavaScript #development: https://github.com/MarquisdeGeek/WebMIDI Some examples of WebMIDI
from a talk I gave in #Cambridge last year #webaudio #webmidi -
Here's me showing off some audio work, from my 20 years in #JavaScript #development: https://github.com/MarquisdeGeek/WebMIDI Some examples of WebMIDI
from a talk I gave in #Cambridge last year #webaudio #webmidi -
Here's me showing off some audio work, from my 20 years in #JavaScript #development: https://github.com/MarquisdeGeek/WebMIDI Some examples of WebMIDI
from a talk I gave in #Cambridge last year #webaudio #webmidi -
Here's me showing off some audio work, from my 20 years in #JavaScript #development: https://github.com/MarquisdeGeek/WebMIDI Some examples of WebMIDI
from a talk I gave in #Cambridge last year #webaudio #webmidi -
Here's me showing off some audio work, from my 20 years in #JavaScript #development: https://github.com/MarquisdeGeek/WebMIDI Some examples of WebMIDI
from a talk I gave in #Cambridge last year #webaudio #webmidi -
Dive into Deezer hackaton 2021 — Pimp My App! Watch creative music-tech demos, clever app hacks and practical tips for devs. Inspo for coders & audiophiles alike — fun, fast and full of ideas. #Deezer #Hackathon #MusicTech #WebAudio #Dev #OpenSource #PeerTube #Innovation #English
https://peertube.zwindler.fr/videos/watch/9da0c518-ebe9-4540-a088-d8a6510b0bb6 -
I just released the alpha of Web Audio Studio.
It's a browser-based tool for writing real Web Audio API code and visualizing the runtime graph it produces. You can inspect connections, follow signal flow, and insert analysers to see what's happening between nodes.
Everything runs locally in the browser. No signup. Desktop-only for now.
Would love feedback from anyone working with #WebAudio or #DSP.
-
I just released the alpha of Web Audio Studio.
It's a browser-based tool for writing real Web Audio API code and visualizing the runtime graph it produces. You can inspect connections, follow signal flow, and insert analysers to see what's happening between nodes.
Everything runs locally in the browser. No signup. Desktop-only for now.
Would love feedback from anyone working with #WebAudio or #DSP.
-
I just released the alpha of Web Audio Studio.
It's a browser-based tool for writing real Web Audio API code and visualizing the runtime graph it produces. You can inspect connections, follow signal flow, and insert analysers to see what's happening between nodes.
Everything runs locally in the browser. No signup. Desktop-only for now.
Would love feedback from anyone working with #WebAudio or #DSP.
-
I just released the alpha of Web Audio Studio.
It's a browser-based tool for writing real Web Audio API code and visualizing the runtime graph it produces. You can inspect connections, follow signal flow, and insert analysers to see what's happening between nodes.
Everything runs locally in the browser. No signup. Desktop-only for now.
Would love feedback from anyone working with #WebAudio or #DSP.
-
I just released the alpha of Web Audio Studio.
It's a browser-based tool for writing real Web Audio API code and visualizing the runtime graph it produces. You can inspect connections, follow signal flow, and insert analysers to see what's happening between nodes.
Everything runs locally in the browser. No signup. Desktop-only for now.
Would love feedback from anyone working with #WebAudio or #DSP.