如何在HTML中的base64中播放MIDI文件？

Question

我已经找到一个网站并生成了一些MIDI base64字符串：

data:audio/midi;base64,TVRoZAAAAAYAAAABAeBNVHJrAAAA5wD/WAQEAhgIAP9RAwehIADAAADAAGWQXH8AwABlgFx/AMAAZZBZfwDAAGWAWX8AwABlkFZ/AMAAZYBWfwDAAGWQQ38AkEF/AJBCfwCQQH8AkD9/AMlPAJlPfwDAAACQU38AwABlgEN/AMAAZYBCfwDAAGWAP38AwABlgFN/AMAAZZBDfwDJTwCZT38AwAAAkFB/AMAAZYBBfwDAAGWJT38AwABliQB/AMAAZcAAZYBAfwDAAGWAUH8AwABlkE1/AMAAZYBDfwDAAGXAAGWATX8AwABlwABlwABlwABlwABlkDh/AP8vAA==

但是我发现它无法通过audio标签播放。我可以玩那个吗？

Answer 1

使用 https://github.com/surikov/webaudiofont 该项目由2000台数字化乐器和用于制作单波，和弦，旋律，midi文件的示例组成。

Answer 2

您可以使用此JavaScript库https://github.com/mudcube/MIDI.js播放midi base64字符串 MIDI Player 代码示例确实符合您的要求。

当我这样做

player.loadFile(MIDI_BASE64_STRING, player.start);

我可以听到这首歌的声音。该.mid文件被硬编码为代码中名为MIDI_BASE64_STRING的base64字符串。