KenEasy WaveForge
A free audio visualizer — play it in your browser, no install. 极速纯前端音频波形短视频生成器：9:16/16:9/1:1 多端画幅、黑胶圆环动效、纯本地 60FPS 渲染导出 · Browser-only audio visualizer & video generator
Vote and save it — free account with email or sign in with GitHub
Made this, @ngiken? See how many people played it → or use email
📅 Three new games every day, no account needed · Play today’s three →
Controls: 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 GitHubFrom the README
💡 上面是线上工具网页，打开就能用。 页面内自带 「✨ 试听示例曲目」，即使手头没有音频也能一秒体验动效！
KenEasy 标志性深色玻璃拟态 · 纯前端 Web Audio + Canvas 60FPS 渲染
拖入你的音频文件（MP3, WAV, FLAC, M4A, OGG 等），或直接点击 「✨ 试听示例曲目」 一键生成内置 Lo-Fi 律动。 🖥️ 16:9 横屏：适合 Bilibili / YouTube / 宽屏演示。 切换你喜欢的 波形动效（光谱柱状、双面对称波、黑胶圆环、霓虹丝带）与 调色方案。 （可选）在时间轴上拖动或输入数值截取高能高潮片段。 点击 「🎬 导出波形视频」 → 纯本地硬件加速合成，完成后一键下载 MP4/WebM！
① 导入音频/试听 → ② 挑选样式与画幅 → ③ 本地导出高清视频
📊 光谱柱状 (Spectrum Bars)：经典律动均衡器，带有物理重力下落的顶端浮点（Peak Drop）与倒影。 🌊 对称波浪 (Mirrored Wave)：双面对称呼吸脉冲，如心跳般的荧光流体。 💿 黑胶圆环 (Vinyl Radial)：中心是一张可旋转的高质感黑胶唱片，外圈向外辐射动态声波粒子环。 ✨ 霓虹丝带 (Neon Ribbon)：多层贝塞尔曲线交织流转，如极光般绚丽。
Built something like this? Submit your vibe — free account, takes a minute. How listing works.
More like this
onde atelier
Créateur d'audiogrammes et de visualiseurs audio en vidéo (WebM), 100 % dans le navigateur : barres, oscilloscope, anneau, points, forme d'onde. 1:1…
html5 showcqtbar
Example GitHub Page for showcqt.js. Go to html5-showcqtbar. Also visit showcqt.js benchmark.
MusicalFractals
:sparkles: Generates 3D, animated fractals by analyzing the waveform of audio files
comet
Web Synthesis on steroids. Comet is a powerful digital synthesizer fully powered by Web Audio APIs. It features multiple ways to customize the sound…
Music Visualizer
Interactive music visualizer built with threejs and web audio api
audio visualizator
Audio visualisation written in JavaScript
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.
