html - 关于在网页上嵌入 MIDI 文件

Question

我正在从事一个与复古网页设计相关的项目。我想嵌入并自动播放一个 MIDI 文件，但是:

1. 它在 IOS 上不起作用(我用我的 ipad 试过了)
2. 在 Firefox 上，有时不播放曲子，我不知道为什么。

midi 播放器是依赖于浏览器还是插件？我能找到一个通用的替代品来演奏我的曲子吗？

我正在使用 <embed>这样标记:

<embed src="tune.mid" hidden="true" autostart="true" autoplay="true">

Answer 1

我之前引用过这个问题，并找到了使用库的答案 midijs .然而，由于该库现在包含一个比特币矿工，我做了一个没有挖矿代码的变体:

https://kitchwww.github.io/midi/midi.js

它可以以完全相同的方式被包含和使用:

<script type='text/javascript' src='https://kitchwww.github.io/midi/midi.js'></script>
<a href="#" onClick="function(){
MIDIjs.initAll();
MIDIjs.play('path/to/yoursong.midi');}">Play My Song</a>

编辑:更新为包括一个在用户手势上调用的初始化函数，因为所有音频现在都必须从一个开始。