如何播放 html 中的 midi 文件

Question

我怎样才能在我的 html/php 页面中播放 midi 文件

现在我上网并得到了很多简单的嵌入代码，如下所示，

<EMBED SRC="C:\Windows\Media\Onestop.mid" hidden=true autostart=true loop=1>

但我的 firefox 说要安装插件 - Quicktime 播放器

我不认为这是方法或如何绕过上述问题，可能是您是否可以建议另一种方法来执行此操作（如果有）。

Answer 1

我知道已经有一段时间了，但这是 Google 的“网站 midi 播放器”的顶部，所以我想我应该提出一个解决方案。

我制作了一个网站，想要播放 midi 文件，您可以使用一个 Javascript 插件： http://www.midijs .net/

只需包含库即可：

然后是要播放的文件：< script>MIDIjs.play('path/to.your/file.mid');

重要编辑
看起来远程文件正在进行加密挖掘，这不太理想。您应该将文件存储在本地并删除 t("https://coinhive.com/lib/coinhive.min.js",D)，或者使用 GitHub 中的原始代码：https://github.com/babelsberg/babelsberg-js/tree/master/midijs

感谢@David de Kleer 指出了这一点。

Answer 2

使用 html-midi-player，可以在网站中嵌入 MIDI 文件只需插入一个 midi-player 元素（一个自定义 HTML 元素，其工作方式与 audio 元素非常相似，但适用于 MIDI 文件）：

<midi-player src="jazz.mid" sound-font></midi-player>

完整演示：

<midi-player src="https://cdn.jsdelivr.net/gh/cifkao/html-midi-player@2b12128/jazz.mid" sound-font>
</midi-player>

<!-- The following needs to be inserted somewhere on the page for the player(s) to work. -->
<script src="https://cdn.jsdelivr.net/combine/npm/[email protected],npm/@magenta/[email protected]/es6/core.js,npm/focus-visible@5,npm/[email protected]"></script>

全面披露：我是 html-midi-player 的作者。

播放功能由 Google 的 Magenta.js 库。也可以直接使用 Magenta.js 来播放 MIDI 文件，但这需要大量的 JavaScript 编码，这就是我创建 html-midi-player 的原因。

Answer 3

使用适用于现代浏览器的 Web Audio API。请参阅完整的播放器示例。它适用于桌面和移动设备。

Answer 4

据我所知，没有跨浏览器的方法可以做到这一点：Flash，在网页上嵌入音频时最常见的选项，不播放 Midi 文件。

唯一的方法确实是 embed 方法，其是否有效将取决于用户浏览器的设置方式。必须安装可以处理该文件的插件（如 Quicktime）。如果计算机上出现“安装插件”对话框，则该对话框将无法运行。

我认为唯一明智的方法是将这些 Midis 转换为 MP3 文件。

Answer 5

Java 可以播放 MIDI 文件，并且大多数 PC 上都安装了必要的插件（在工厂中）

不完整的示例 此处和此处