A free audio visualizer — play it in your browser, no install. A single-file vinyl record player UI — drag-to-scratch, synced lyrics, live spectrum.
Vote and save it — free account with email or sign in with GitHub
Made this, @Zxxy326? See how many people played it → or use email
📅 Three new games every day, no account needed · Play today’s three →
Controls: Arrow keys · Space · Mouse
GitHub may ask you to sign in, then to let VibeCruiser “Verify your GitHub identity” and “Act on your behalf”. We only read your profile and email, and never post anything.
No account needed to save ♥ or react 🔥: they’re under the game. Or vote with email.
Open the live demo Source on GitHubA single-file vinyl record player UI — spinning disc, drag-to-scratch, synced lyrics and a live spectrum analyser.
一个横屏音乐播放界面:左侧旋转黑胶 + 唱臂,右侧歌词。按住唱片可以直接搓碟,松手有惯性;歌词与实时频谱两种视图一键切换。
可转的黑胶:播放时匀速旋转,暂停即停;暂停时唱臂抬起,播放时 1.5s 缓动落针。 拖拽搓碟:按住唱片拖动,唱片跟手转、音轨跟着刮、松手带惯性;几乎没动则视为点击播放/暂停。 双视图:歌词 ⇄ 实时频谱,机身右下角左侧那颗旋钮切换;有歌词默认歌词,没歌词自动显示频谱。 真频谱:Web Audio AnalyserNode + 56 根对数分频柱,不是假动画。 完整控制:进度条拖拽、点歌词跳转、上一句/下一句、空格暂停、← → 快进 5 秒、音量滑块与机身旋钮联动。 零依赖:一个 HTML + 一个音频文件,双击即开。
推荐用本地服务打开:file:// 协议下浏览器可能因跨源隔离拿不到频谱数据,界面会自动降级为程序化波形;通过 http 访问则是真实频谱。
改 LYRICS 数组(t 是秒)和 DURATION(默认会被音频元数据覆盖,可不填). 没有歌词:把 LYRICS 清空即可,界面会自动切到频谱视图,切换按钮自动置灰。
Built something like this? Submit your vibe — free account, takes a minute. How listing works.
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.