Воспроизведение и управление MIDI в React

Question

Мне нужно иметь возможность проигрывать MIDI-файлы в приложении React, а также управлять некоторыми вещами, такими как темп, каналы, инструменты, транспонирование и т. Д.

(Изменение темпа и активация / деактивация определенных каналов, вероятно, единственное жесткое требование здесь.)

Я работаю с файлами Lilypond, чтобы вводить данные и генерировать MIDI, так как кажется, что вы можете получить это в своем браузере таким способом, которым можно манипулировать. Я упоминаю об этом, потому что это означает, что я имею полный контроль над генерируемым MIDI.

Я сталкивался с такими проектами, как MIDI.js и WebMidi, которые, кажется, что-то предлагают, но мне не хватает практического примера, чтобы увидеть, как я мог бы использовать что-то там в родном виде React.

Могу ли я загрузить свои собственные MIDI-файлы в приложение React таким образом, чтобы их можно было воспроизводить и манипулировать ими?

Answer 1

Посмотрите на https://www.npmjs.com/package/midi-sounds-react

Полный контроль над треками, громкостью и т. Д. Вам нужна другая библиотека для чтения событий из файла MIDI.