How to play Morse code in the browser with the Web Audio API
A Morse code player only needs a few pieces: an oscillator for the tone, a gain node to turn it on and off, and a schedule for the dots, dashes and…
Latest News
⚑ Report a ProblemTech news from the best sources
All topics
AI
Gear
News
Tech
agents
ai
api
architecture
automation
beginners
career
database
devchallenge
devops
discuss
javascript
llm
machinelearning
mcp
opensource
performance
productivity
programming
python
security
showdev
testing
tutorial
typescript
webdev
Building a browser metronome: schedule audio ahead of the UI clock
I'm building Pianory, a browser-based piano learning and practice app. One small feature has a useful implementation lesson: a metronome needs both…
Detecting BPM and musical key in the browser (and encoding MP4 with WebCodecs)
We run AIMusicVideoGen , an AI music video generator for independent artists. The main product needs a server, but along the way we built three smal…
Your Hand Is a Continuous Signal. A Scale Is Not. That Gap Is the Whole Problem.
A webcam hand tracker hands you a position, thirty or sixty times a second, as a float between 0 and 1. A musical scale hands you seven notes per oc…
The Synth Sounded Fine When Nobody Was Listening
This is my entry for DEV's Summer Bug Smash — Smash Stories. There is a specific kind of bug that makes you doubt your own ears. I had a browser-bas…
Recording Spec-Compliant WAV Files (16-bit/Mono/Uncompressed) Using Only Web Audio
📝 Originally published (in Japanese) at forge.workstyle.tech . Introduction to Clean Audio Recording When it comes to recording audio in the browser…
The Timeline Was Split, but the Audio Wasn't: Fixing Source Offsets in a Browser Video Editor
This is a submission for DEV's Summer Bug Smash: Clear the Lineup powered by Sentry . Project Overview Timeline Studio is a local-first AI video edi…
Building a Browser-Based Microphone Diagnostic Tool with the Web Audio API
Most "mic test" tools online do one thing: show you a moving bar while you talk, and call it done. That tells you the browser can hear something — i…
A Browser Ear-Training Trainer in 350 Lines — Equal-Temperament Frequencies and Three Web Audio Footguns
Reading a music-theory textbook is one way to drill relative pitch recognition. Loading a webpage is another. This is a 350-line ear-training traine…
TIL canvas.captureStream() is video-only — here's how I mixed voiceover + music into a MediaRecorder export" published: true
TL;DR — canvas.captureStream() only carries video tracks. To get audio into your MediaRecorder export you need to build an AudioContext graph that l…