01
实时钢琴卷帘流
音符像瀑布一样落下,按轨道着色,按力度定大小,与音频同步。经典 Synthesia/GuitarBots 风格 — 但适配任意 MIDI。
体验前所未有的 MIDI 视觉盛宴
无需安装任何软件，在浏览器中立刻将 MIDI 文件转换为令人惊叹的沉浸式钢琴卷帘动画。即拖即看，享受视听盛宴。
上传 MIDI 文件
将 .mid 文件拖放到此处，或点击选择
or drag and drop MIDI file here
Try a demo:
MIDI 可视化工具
在线 MIDI 可视化工具 - 钢琴卷帘播放器
把任意 .mid 文件变成迷人的 钢琴卷帘 动画 — 直接在浏览器中。观看音符实时下落与音频同步,自定义 颜色 和速度,截图或录制 视频 分享社交。完全本地运行,基于 WebGL 和 Tone.js。
你将获得
极简迷人的 MIDI 可视化
02
一键视频录制
在浏览器中直接录制流畅的高清可视化视频。完美适配 TikTok、YouTube Shorts 或 Instagram Reels。
03
即时高清截图
一键捕获美妙的音乐瞬间。适合制作专辑封面、缩略图或桌面壁纸。
04
自定义视觉主题
改变音符颜色、背景渐变、粒子效果和光晕强度。匹配你的视频品牌或个人美学。
05
Zen(全屏)模式
隐藏 UI 全屏进入,让自己完全沉浸在音符与光的流动中。适合练习、氛围聆听或活动。
06
逐轨可见性
隐藏或高亮单条轨道 — 教学时独奏旋律线,或淡出鼓组以获得更简洁的视觉。
工作流程
从 .mid 文件到可视化,5 秒内搞定
- 01
导入 MIDI
拖入 .mid 或 .midi 文件,或点击选择。文件用 @tonejs/midi 立即解析 — 轨道、速度、调号即刻显示。
- 02
选一个主题
从主题面板选择颜色调色板和背景。常见:霓虹、粉彩、单色,或匹配频道品牌色。
- 03
播放并自定义
点击播放。调整播放速度、音符宽度、粒子强度和逐轨可见性,直到看起来符合心意。
- 04
全屏(可选)
切换 Zen 模式获得无干扰的全屏视图。适合直播、教学或氛围背景。
- 05
捕获并分享
即时高清截图,或用内置录制器录流畅视频。直接下载 — 无水印、无上传。
适用人群
为四类 MIDI 可视化场景而设计
内容创作者
TikTok / YouTube 可视化
把任意 MIDI 翻弹或原创作品变成让人停下滑动的可视化。录 60 秒钢琴卷帘流并发布 — 无需视频编辑器。
音乐教师
向学生展示音符
播放一段曲子让钢琴卷帘瀑布流下,学生能提前看到下一个音符。降速、隐藏鼓组、聚焦旋律线。
主播与 VJ
现场视觉
全屏 Zen 模式很适合 Twitch/Discord 音乐直播、氛围活动或游戏背景。
作曲家与制作人
预览你的作品
对 DAW MIDI 导出做视觉审阅。比听更快发现节奏和声部走向问题 — 音乐的形状变得一目了然。
对比一下
MidiToolbox vs 其他 MIDI 可视化工具
| Feature | MidiToolbox | Synthesia | GuitarBots | PianoVis |
|---|---|---|---|---|
| 浏览器内 | 支持 | 不支持(付费应用) | 支持(受限) | 支持 |
| 视频录制 | 内置高清 | 仅屏幕录制 | 不支持 | 受限 |
| 自定义主题 | 支持 | 支持 | 不支持 | 受限 |
| 逐轨控制 | 支持 | 支持 | 不支持 | 不支持 |
| Zen / 全屏模式 | 支持 | 支持 | 不支持 | 不支持 |
| 价格 | 免费 | $29—$79 | 免费 | 免费 |
Synthesia 等桌面应用精致但要钱且需下载。浏览器可视化几秒内打开 .mid — 适合一次性视频、教学时刻或氛围背景。
常见疑问
可视化前用户常问的问题
如果显示有问题
常见可视化问题与修复
- 动画卡顿或延迟
- 关闭其他占用 CPU/GPU 的标签页。在主题面板降低粒子强度和光晕效果。非常密集的 MIDI(500+ 同时音符)可能压垮低端设备 — 试着隐藏一些轨道。
- 视频录制不流畅
- 录制器使用你的 GPU — 集显或热节流的笔记本可能掉帧。试试更低分辨率录制、关闭其他窗口,或用 OBS 固定 60fps 获得最佳效果。
- 颜色不匹配我的品牌
- 打开主题面板,点击任意色块打开颜色选择器。自定义主题按浏览器保留 — 清除浏览器存储可重置。
- 音符与音频不同步
- 可视化器精确对齐音符到音频,但浏览器音频有一点延迟。如果在录制,用内置录制器(处理同步)而非屏幕录制,后者可能增加额外帧延迟。
技术细节
技术规格
- 渲染
- WebGL 2 + Canvas 2D
- 音频引擎
- Tone.js PolySynth
- MIDI 解析器
- @tonejs/midi
- 帧率
- 60 fps 目标
- 录制
- WebRTC → mp4 / webm
- 处理方式
- 100% 本地,无上传
隐私与版权
解析、渲染和播放 100% 本地 — 你的 MIDI 文件留在设备上。录制的视频也在本地处理。请确保你有权可视化、分享或上传源 MIDI 的视频。