#webaudio — Public Fediverse posts
Live and recent posts from across the Fediverse tagged #webaudio, aggregated by home.social.
-
Subtractive synthesizers for the Web Audio API:
https://github.com/keunwoochoi/subtractive-synthesizers.jsPlayground:
https://keunwoochoi.github.io/subtractive-synthesizers.js/apps/playground/showcase.html#synth #synthesizer #sound #js #webaudio #rust #oss #opensource
-
Subtractive synthesizers for the Web Audio API:
https://github.com/keunwoochoi/subtractive-synthesizers.jsPlayground:
https://keunwoochoi.github.io/subtractive-synthesizers.js/apps/playground/showcase.html#synth #synthesizer #sound #js #webaudio #rust #oss #opensource
-
Hmm totally not aware that FLAC has computed Baseline status since September 2019 😮 https://caniuse.com/flac
-
Hmm totally not aware that FLAC has computed Baseline status since September 2019 😮 https://caniuse.com/flac
-
#Design #Launches
Cuelume · Interaction sounds that make interfaces feel alive https://ilo.im/16em2b_____
#OpenSource #Sound #WebAudio #Browser #ProductDesign #UiDesign #WebDesign #Development #WebDev #Frontend -
#Design #Launches
Cuelume · Interaction sounds that make interfaces feel alive https://ilo.im/16em2b_____
#OpenSource #Sound #WebAudio #Browser #ProductDesign #UiDesign #WebDesign #Development #WebDev #Frontend -
"Brown Girl, Black Girl...Squirrel!" is one of my favorite web audio shows. I don't just learn a lot, but sometimes resonate with some of their experiences. Which is weird as a cis white man. Always worth a listen.
https://bgbgsquirrel.buzzsprout.com/2403807
#BlackGirlBrownGirlSquirrel #WebAudioShow #WebAudio #pn_radio #Radio #bf_psychology #hb_business #Psychology #Business
-
"Brown Girl, Black Girl...Squirrel!" is one of my favorite web audio shows. I don't just learn a lot, but sometimes resonate with some of their experiences. Which is weird as a cis white man. Always worth a listen.
https://bgbgsquirrel.buzzsprout.com/2403807
#BlackGirlBrownGirlSquirrel #WebAudioShow #WebAudio #pn_radio #Radio #bf_psychology #hb_business #Psychology #Business
-
Made a little interpolation thing for the #rx_tape to display a high-precision duration while you are recording.
Because the raw audio comes in in chunks of about seconds, the `<time-window>` element needs interpolate the actual duration. It uses an animation frame to update very fast and based on the speed the duration updates it can interpolate the timestamps in-between!
-
Made a little interpolation thing for the #rx_tape to display a high-precision duration while you are recording.
Because the raw audio comes in in chunks of about seconds, the `<time-window>` element needs interpolate the actual duration. It uses an animation frame to update very fast and based on the speed the duration updates it can interpolate the timestamps in-between!
-
Waved Studio by Speight Audio 🎛️
Web-based wavetable editor. Sketch, sculpt, mutate, export for Serum, Vital, more.
💻 Web
🎁 FREE https://wavedstudio.onlineMore freeware 👉 https://linktr.ee/legalvst
#freeplugin #wavetable #sounddesign #webaudio #serum #vital #ableton #speightaudio
-
Waved Studio by Speight Audio 🎛️
Web-based wavetable editor. Sketch, sculpt, mutate, export for Serum, Vital, more.
💻 Web
🎁 FREE https://wavedstudio.onlineMore freeware 👉 https://linktr.ee/legalvst
#freeplugin #wavetable #sounddesign #webaudio #serum #vital #ableton #speightaudio
-
I don't write Web Audio Weekly[1] anymore, but if I did, I'd do a special issue just for @heydon's Hyperblam: https://hyperblam.how/.
It's a declarative way of constructing web audio graphs using custom elements that express what you want to achieve musically.
A perfect mash up of "because I can" web audio stuff and educational writing. And, mercifully, "AI" fucking free. Love it!
-
I don't write Web Audio Weekly[1] anymore, but if I did, I'd do a special issue just for @heydon's Hyperblam: https://hyperblam.how/.
It's a declarative way of constructing web audio graphs using custom elements that express what you want to achieve musically.
A perfect mash up of "because I can" web audio stuff and educational writing. And, mercifully, "AI" fucking free. Love it!
-
Also if you want a sneak preview of the tape thing it’s now online here https://tape.r0b.io
You can turn it on and do some recording then download the wav by hitting the “eject” button to get some high quality audio!
Playback and changing tapes coming soon (tm)
-
Also if you want a sneak preview of the tape thing it’s now online here https://tape.r0b.io
You can turn it on and do some recording then download the wav by hitting the “eject” button to get some high quality audio!
Playback and changing tapes coming soon (tm)
-
I got it recording and downloading lossless audio! 🎉 so it’s:
- creating an AudioContext at 48kHz
- adding a worklet that chunks up 32 bit stereo audio samples to post them to the main thread
- receiving those chunks and writing them into standard sized IndexedDB samples
- (async) iterating through all those samples and creating a WAV blob for the browser to downloadI’m very much regretting my goal of “no libraries”, but I’ve learned quite a lot in doing so! The next step is to work out how to play the audio in-browser with variable playback speeds (for fast forward/rewind)
-
I got it recording and downloading lossless audio! 🎉 so it’s:
- creating an AudioContext at 48kHz
- adding a worklet that chunks up 32 bit stereo audio samples to post them to the main thread
- receiving those chunks and writing them into standard sized IndexedDB samples
- (async) iterating through all those samples and creating a WAV blob for the browser to downloadI’m very much regretting my goal of “no libraries”, but I’ve learned quite a lot in doing so! The next step is to work out how to play the audio in-browser with variable playback speeds (for fast forward/rewind)
-
just released Glean - an open source sample browser that lets you find sounds by ear. it maps your whole library by how things actually sound, no uploading, runs right in your browser and it has a built in 16-step #sequencer with filters and eq. its live here https://yonie.github.io/glean/ #opensource #webaudio #musicproduction
-
Креативное программирование: визуализация звука
Привет, я Игорь Аникин, 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 -
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.
-
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 -
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 -
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 -
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.
-
ICYMI, Here's me showing off some audio work, from my 20 years in #JavaScript #development: https://www.marquisdegeek.com/flightcomposer An award-winning hack
that combines flight data and #music #performance #webaudio #webmidi -
ICYMI, Here's me showing off some audio work, from my 20 years in #JavaScript #development: https://www.marquisdegeek.com/flightcomposer An award-winning hack
that combines flight data and #music #performance #webaudio #webmidi -
I build RYTHM – a browser-based rhythm sketchpad for quickly experimenting with ideas and exporting them straight into your production workflow.
What you can do:
- Generate evolving rhythms with a circular sequencer
- Drag & drop your own samples
- Record sounds directly in the browser
- Edit waveforms & automate it
- Export as full mix, individual stems or MIDI
- Works on desktop & mobileHave fun!
-
Here's me showing off some audio work, from my 20 years in #JavaScript #development: https://www.marquisdegeek.com/flightcomposer An award-winning hack
that combines flight data and #music #performance #webaudio #webmidi -
Here's me showing off some audio work, from my 20 years in #JavaScript #development: https://www.marquisdegeek.com/flightcomposer An award-winning hack
that combines flight data and #music #performance #webaudio #webmidi -
Just released PitchCraft — a free, open-source chromatic tuner that runs in your browser.
8 instruments, real-time pitch detection, reference tones, and accessibility built in from day one (high contrast, reduced motion, keyboard nav, screen reader support).
No ads. No tracking. No install. MIT licensed.
Try it: https://indjoov.github.io/pitchcraft/
Source: https://github.com/indjoov/pitchcraft#OpenSource #Accessibility #A11y #MusicTech #WebAudio #React #FOSS
-
Webamp porta Winamp nel browser con un’implementazione fedele, open source e completamente scritta in JavaScript. #Webamp #Winamp #JavaScript #WebAudio #OpenSource #Linux
-
Webamp porta Winamp nel browser con un’implementazione fedele, open source e completamente scritta in JavaScript. #Webamp #Winamp #JavaScript #WebAudio #OpenSource #Linux
-
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 -
Euclidean Rhythms — a 3D polyrhythm sequencer that turns math into music. Bjorklund's algorithm distributes beats as evenly as possible across a cycle, producing patterns found in Cuban clave, West African bell rhythms, and Brazilian samba. Stack up to 5 rings, pick from 9 voices, twist the knobs, and send MIDI to your gear. Try it free at euclidean.newritual.com #EuclideanRhythms #Polyrhythm #WebAudio #MusicTech #GenerativeMusic #Sequencer #WebMIDI #BjorklundAlgorithm
-
Ok I made it so the piano plays notes too using the #WebAudio API too