blurred image
How to set up your loopMIDI to play piano in VRChat thumbnail image

How to set up your loopMIDI to play piano in VRChat

🎹 Web MIDI 使用教程(基于 loopMIDI)

本教程将指导你如何通过 loopMIDI + Web MIDI API,让本网站实现自动钢琴播放功能。


📌 一、前置准备

在开始之前,请确保:

  • 使用支持 Web MIDI API 的浏览器(推荐 Chrome / Edge)
  • 系统为 Windows(loopMIDI 仅支持 Windows)

⬇️ 二、下载安装 loopMIDI

  1. 前往官网下载安装:https://www.tobias-erichsen.de/software/loopmidi.html
  2. 安装完成后打开 loopMIDI

loopMIDI 下载页面示例


🔌 三、创建虚拟 MIDI 端口

  1. 打开 loopMIDI
  2. 点击左下角 + 按钮
  3. 输入端口名称(例如:loopMIDI Port

创建端口示例


🌐 四、打开网站并授权 MIDI 权限

  1. 打开本网站:https://mahirooyama.cn/midi

  2. 浏览器会弹出权限请求:

浏览器权限弹窗示例

  1. 点击 Allow(允许)

🎵 五、开始使用

授权成功后:

  • 网站会自动连接 loopMIDI 端口
  • 点击 ▶️ Play 即可播放 MIDI
  • 可搜索、下载 MIDI 文件

❗ 常见问题

没有弹出权限请求?

  • 请使用 Chrome / Edge
  • 确认地址为 localhost 或 https
  • 刷新页面

设备为空?

  • 确认 loopMIDI 正在运行
  • 确认已创建端口

点击了 Block?

  • 点击浏览器地址栏锁图标
  • 修改 MIDI 权限为 Allow

✅ 完成

现在你已经可以使用 Web MIDI 功能 🎉

xs