Interactive Sound Board with Microphone

A free audio visualizer — play it in your browser, no install. Interactive Audio Sound Visualizer with a Microphone

by @vinnygonzalez-collab · vinnygonzalez-collab/Interactive-Sound-Board-with-Microphone on GitHubLANG CSS★ 1HOSTED ON MIXSOUNDBOARD.NETLIFY.APPUPDATED 23 Oct 2026

Vote and save it — free account with email or sign in with GitHub

Made this, @vinnygonzalez-collab? See how many people played it → or use email

▶ Play here

• #arrays
• #audio-visualizer
• #audiomixing
• #canvas
• #css
• #eventlistener
• #functions
• #html
• #javascript
• #loops
• All topics →

Built something like this? Submit your vibe — free account, takes a minute. How listing works.

More like this

• falling snow particles Falling snow particles using HTML/JS canvas
• music visualization 音乐可视化，在线访问地址：https://blucelicoder.github.io/music-visualization/ ， 上传音乐相关文件：音频文件（支持MP4、M4A、WAV格式）、专辑封面、歌词文件LRC，并填入歌曲名称、演唱者，即可沉浸式体验音乐可视化
• Space Shooter 🚀 Take control of your spaceship and battle relentless waves of enemies in this fast-paced, action-packed space shooter! Dodge, shoot, and survive…
• Pixel Keys Pixel Keys is a little canvas game where you can move around the map. Try to kill all enemies and get three keys to get your adventurer license.
• SnakeGame O jogo da cobrinha feita em JS 🐁🐍. Projeto desenvolvido para a conclusão do curso Recriando o jogo da cobrinha com JavaScript…
• tetris Gameboy made in JavaScript Tetris made in vanilla JavaScript using p5js as for graphics. it's made to look like the original Gameboy version(The First Tetris game) with giving…

Made this?

Claim it: create a free account, then press CLAIM THIS in the cruiser. Put the badge below in your README or on your demo page first; that link is how we know it's yours.

Your project is on the cruise, loaded live from your own site. Put the badge in your README or on the demo page: it shows your live play count, it links back to this page, and everyone who lands here is one click from running the real thing.

Markdown, for a README

[](https://vibecruiser.com/v/vinnygonzalez-collab--interactive-sound-board-with-microphone?ref=badge) Copy

HTML, for the demo page

<a href="https://vibecruiser.com/v/vinnygonzalez-collab--interactive-sound-board-with-microphone?ref=badge"><img src="https://vibecruiser.com/badge/vinnygonzalez-collab--interactive-sound-board-with-microphone.svg" height="20" alt="On VibeCruiser"></a> Copy

How listing, the badge and claiming work →