◀ VibeCruiser

sonic canvas

A free audio visualizer — play it in your browser, no install. 🎵 Local music visualizer — Web Audio API + Canvas 2D, zero dependencies, runs entirely in your browser

by @Serendipity431 · Serendipity431/sonic-canvas on GitHubLANG JavaScript★ 2HOSTED ON SERENDIPITY431.GITHUB.IOUPDATED 4 Oct 2026

Vote and save it — continue with GitHub or sign in free

Made this, @Serendipity431? See how many people played it → or use email

▶ Play full screen ▲ Vote with GitHub ▲ Vote with email

GitHub asks to share your profile and email with us. We never post anything.

Open the live demo Source on GitHub

From the README

一个运行在浏览器里的本地音乐可视化器。把音乐文件拖进网页,它会把音频实时分解成低频 / 中频 / 高频能量与节拍,驱动四种可切换的可视化动画。

浏览器会自动打开 index.html —— file://` 协议无法加载 ES Module,页面会提示你改用本地服务器。)

不想用脚本的话,手动等价操作:在 github.com 新建空仓库后,git init → git add -A → git commit → git remote add origin … → git push -u origin main,再到 Settings → Pages 选 main 分支。

Read the full README on GitHub →

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

More like this

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.

On VibeCruiser

How listing, the badge and claiming work →