--- title: "#web-audio articles | Hashnode" description: "Explore 18 articles tagged #web-audio on Hashnode. Tutorials, guides, and how-tos from the community." url: "https://hashnode.com/tag/web-audio" --- Tag # #web-audio 18 posts · 1 followers [Mikhail Eshchenko](https://hashnode.com/@maeshchenko) · [Nov 1](https://hashnode.com/posts/fine-pitch-semitones-cents-javascript/6ae6d77e5a0b9f17236229ec) ### [Fine Pitch in JavaScript: Semitones, Cents, and Playback Rate](https://maeshchenko.hashnode.dev/fine-pitch-semitones-cents-javascript?utm_source=hashnode&utm_medium=feed) A small JavaScript layer for pitch-ratio calculations, signed fine-tuning corrections, and the browser playback-speed trap. 5 min read · [maeshchenko.hashnode.dev](https://maeshchenko.hashnode.dev/fine-pitch-semitones-cents-javascript?utm_source=hashnode&utm_medium=feed) [Syed Salman](https://hashnode.com/@syedsalman-a2z) · [Oct 30](https://hashnode.com/posts/writing-a-speaker-cleaner-in-the-browser-without-lying-to-anyone/6ae46a8fed4d577b1dad90da) ### [Writing a "Speaker Cleaner" in the Browser Without Lying to Anyone](https://a2ztools.hashnode.dev/writing-a-speaker-cleaner-in-the-browser-without-lying-to-anyone?utm_source=hashnode&utm_medium=feed) "Water in phone speaker" is one of those searches that spikes every summer. The usual fix people find is a page or app that plays a low tone to push the water out. I built one, a speaker cleaner, and 5 min read · [a2ztools.hashnode.dev](https://a2ztools.hashnode.dev/writing-a-speaker-cleaner-in-the-browser-without-lying-to-anyone?utm_source=hashnode&utm_medium=feed) [Abid Ali](https://hashnode.com/@abidali671) · [Oct 28](https://hashnode.com/posts/accessible-two-handle-trim-slider/6ae1a5c30eea636c47b2934e) ### [A Two-Handle Trim Slider That Works Without a Mouse: Pointer Capture, Keyboard Steps and ARIA for an Audio Trimmer](https://abidali671.hashnode.dev/accessible-two-handle-trim-slider?utm_source=hashnode&utm_medium=feed) The audio trimmer on Meme Tap, the soundboard I built, has the usual layout: drop a file, a waveform appears, and a shaded region with two handles marks the part you keep. Drag the handles, press Play 11 min read · [abidali671.hashnode.dev](https://abidali671.hashnode.dev/accessible-two-handle-trim-slider?utm_source=hashnode&utm_medium=feed) [benjoyZack](https://hashnode.com/@benjoyzack) · [Oct 25](https://hashnode.com/posts/what-happens-when-a-water-eject-page-loses-visibility-designing-browser-audio-cleanup/6add71a672f3530c80500336) ### [What Happens When a Water Eject Page Loses Visibility? Designing Browser Audio Cleanup](https://speakercleanerio.hashnode.dev/what-happens-when-a-water-eject-page-loses-visibility-designing-browser-audio-cleanup?utm_source=hashnode&utm_medium=feed) A focused Web Audio lifecycle walkthrough for a 90-second phone-speaker tool 4 min read · [speakercleanerio.hashnode.dev](https://speakercleanerio.hashnode.dev/what-happens-when-a-water-eject-page-loses-visibility-designing-browser-audio-cleanup?utm_source=hashnode&utm_medium=feed) [zengm32343](https://hashnode.com/@zengm32343) · [Oct 14](https://hashnode.com/posts/how-i-built-a-playable-ocarina-in-the-browser-with-web-audio-and-three-js/6acfa7add802101b20e13c58) ### [How I built a playable ocarina in the browser with Web Audio and three.js](https://mingzeng.hashnode.dev/how-i-built-a-playable-ocarina-in-the-browser-with-web-audio-and-three-js?utm_source=hashnode&utm_medium=feed) How I built a 3D ocarina in the browser: Web Audio synthesis, six three.js models, Ocarina of Time song recognition and mic blow detection. 8 min read · [mingzeng.hashnode.dev](https://mingzeng.hashnode.dev/how-i-built-a-playable-ocarina-in-the-browser-with-web-audio-and-three-js?utm_source=hashnode&utm_medium=feed) [Web Harmonium](https://hashnode.com/@webharmonium) · [Aug 13](https://hashnode.com/posts/building-a-playable-indian-harmonium-in-the-browser-with-the-web-audio-api/6a7d4f310feff1c696517255) ### [Building a Playable Indian Harmonium in the Browser with the Web Audio API](https://webharmonium.hashnode.dev/building-a-playable-indian-harmonium-in-the-browser-with-the-web-audio-api?utm_source=hashnode&utm_medium=feed) How I built a free browser harmonium with the Web Audio API: sampling vs synthesis, reed detuning, the bellows problem, and raga-aware key dimming. 6 min read · [webharmonium.hashnode.dev](https://webharmonium.hashnode.dev/building-a-playable-indian-harmonium-in-the-browser-with-the-web-audio-api?utm_source=hashnode&utm_medium=feed) [Nagisa Yamada](https://hashnode.com/@nagisayamada) · [May 31](https://hashnode.com/posts/building-a-browser-based-focus-timer-with-web-audio-api-and-picture-in-picture/6a1beb31f77c84962ea998b5) ### [Building a Browser-Based Focus Timer with Web Audio API and Picture-in-Picture](https://yamanagi.hashnode.dev/building-a-browser-based-focus-timer-with-web-audio-api-and-picture-in-picture?utm_source=hashnode&utm_medium=feed) web-development, javascript, react, web-audio-api, productivity 4 min read · [yamanagi.hashnode.dev](https://yamanagi.hashnode.dev/building-a-browser-based-focus-timer-with-web-audio-api-and-picture-in-picture?utm_source=hashnode&utm_medium=feed) [Brett A McCall](https://hashnode.com/@bmccall17) · [Apr 16](https://hashnode.com/posts/2026-03-27-the-melt/69e0cd4915b0523ff52592b8) ### [The melt: what 230,000 particles taught me about letting go](https://darketype.hashnode.dev/2026-03-27-the-melt?utm_source=hashnode&utm_medium=feed) you know that moment where you're staring at your screen and everything feels permanent? the taskbar, the icons, the wallpaper — all these little digi 7 min read · [darketype.hashnode.dev](https://darketype.hashnode.dev/2026-03-27-the-melt?utm_source=hashnode&utm_medium=feed) [Mihai Marinescu](https://hashnode.com/@mmarinescu) · [Jan 10](https://hashnode.com/posts/mastering-drums-with-the-web-audio-api/69628b6be1aa149033e9120d) ### [Mastering Drums with the Web Audio API](https://featuringcode.com/mastering-drums-with-the-web-audio-api?utm_source=hashnode&utm_medium=feed) No Samples Required 10 min read · [featuringcode.com](https://featuringcode.com/mastering-drums-with-the-web-audio-api?utm_source=hashnode&utm_medium=feed) [Mikey Nichols](https://hashnode.com/@mNix) · [Sep 22, 2024](https://hashnode.com/posts/spatial-audio-music-systems-and-production-applications-with-web-audio-api/6800bc9efc35b3342d1f275e) ### [Spatial Audio, Music Systems, and Production Applications with Web Audio API](https://journeytocode.hashnode.dev/spatial-audio-music-systems-and-production-applications-with-web-audio-api?utm_source=hashnode&utm_medium=feed) Creating Immersive Sonic Experiences in the Browser: From 3D Sound to Complete Audio Production Tools 18 min read · [journeytocode.hashnode.dev](https://journeytocode.hashnode.dev/spatial-audio-music-systems-and-production-applications-with-web-audio-api?utm_source=hashnode&utm_medium=feed)