在 React 中播放和操作 MIDI

Posted 2023-02-16

【中文标题】在 React 中播放和操作 MIDI

【英文标题】：Playing and Manipulating MIDI in React

【发布时间】：2018-02-19 04:15:23

【问题描述】：

我需要能够在 React 应用程序中播放 MIDI 文件，并且还可以操作某些东西，例如速度、通道、乐器、移调等。

（改变节奏和激活/停用某些频道可能是这里唯一的硬性要求。）

我正在使用 Lilypond 文件来输入数据并生成 MIDI，因为您似乎可以通过一种可以操作的方式将其输入浏览器。我提到这一点是因为这意味着我可以完全控制生成的 MIDI。

我遇到过像 MIDI.js 和 WebMidi 这样的项目，它们似乎提供了一些东西，但我缺乏一个实际的例子来看看我如何以 React 原生的方式使用任何东西。

我可以将自己的 MIDI 文件以可以播放和操作的方式放入 React 应用程序吗？

【参考方案1】：

看https://www.npmjs.com/package/midi-sounds-react

完全控制曲目、音量等。 您需要一些其他库来从 MIDI 文件中读取事件。