html-midi-player网页MIDI播放器与可视化组件
html-midi-player 的 MIDI 可视化功能还挺好用，适合在网页上搞点音乐互动的玩法。它基于Magenta.js，不仅能播放 MIDI，还能实时显示音符，画面动起来还挺带感的。更妙的是，整个组件是用 HTML 写的，可样式化、可脚本控制，前端开发友好度高。
项目里想插个 MIDI 播放器？直接引入下面这段[removed]组合就行，常见的 CDN 合并加载方式：
[removed][removed]往页面加上这俩标签，一个播放器，一个可视化器：
不用写太多 JS，就能直接在网页上弹钢琴的效果，嗯，适合做音乐类的教学、展示或者玩具项目。如果你想深入控制，还可以配合Tone.js或Magenta Music搞花活。
对了，样式可以自己定制，用CSS随便调颜色、高度啥的。如果要上传本地 MIDI 文件，也能支持上传播放，交互性还不错。
文件大小：80.32KB
评论区