关于在网页上嵌入 MIDI 文件

Question

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

1. 它在 IOS 上不起作用（我用我的 ipad 尝试过）
2. 在 Firefox 上，有时无法播放曲子，我不知道为什么。

MIDI 播放器是否依赖于浏览器或插件？ 我可以找到一种通用的替代方法来演奏我的曲子吗？

我以这种方式使用 标签：

<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>

编辑：更新为包含要在用户手势上调用的 init 函数，因为所有音频现在必须是从一开始。

Answer 2

是的，embed 标签是为插件保留的，Mobile Safari 不支持该插件。

看一下 HTML5 音频 标记，它大多数浏览器都支持。

但请不要在网页上播放音乐……这很烦人 - 大多数人要么听音乐，要么关闭扬声器，要么在办公室。

Answer 3

你的 HTML 没问题。问题是一些较低级别的浏览器已经失去了播放 midi 文件的能力。他们必须安装一个附加组件。 Real Player曾经是一个很好的解决方案，但现在他们正在推动云订阅。周围还有很多其他 MIDI 播放器，但用户必须安装一个。

Answer 4

随着时间的推移，浏览器不再支持本地播放 MIDI 文件。您可能想尝试 MIDI.js，一个基于 JavaScript 的跨浏览器库。

将 MIDI.js 脚本添加到您的网页：

    <script type='text/javascript' src='http://www.midijs.net/lib/midi.js'></script>

然后添加一个链接以开始播放：

    <a href="#" onClick="MIDIjs.play('path/to/yoursong.midi');">Play My Song</a>

看一下 http://www .midijs.net 了解详情。

Answer 5

对于 mid 和 kar 文件，我建议使用 vanBasco midi 播放器作为默认播放器。请参阅 http://midkar.com/blues/blues_01.html 上的源代码

嵌入；
嵌入src =“musicfile.mid”宽度= 144高度= 60自动启动= true重复= false循环= false
（将“musicfile.mid”替换为您的 midi 文件的名称）

Answer 6

https://kitchwww.github.io/midi/midi.js 不工作，因为缺少笔记（根据我的研究）
http://www.midijs.net 仍然有比特币矿工

我发现唯一适用于 midi 文件的是 https://github.com/cifkao/ html-midi-player，它有 midi 播放器，您可以在其中播放 midis，它还有一个用于设置时间的栏和一个 midi 可视化工具

Answer 7

使用 HTML5 音频标签。但就像我前面的人说的那样……请重新考虑您页面上的音乐。

<audio src="example.midi" preload="auto" autoplay="autoplay"></audio>

Answer 8

好吧，现在是 2017 年 8 月 13 日，您是否知道在网页上嵌入 bg midi 仍然是一个谜。

事实上，我很确定它甚至不能再完成（除了 IE 的 bgsound src，它对我来说仍然工作得很好）。

但对于 Firefox 和 Chrome，jofeu 提供的解决方案是一个很好的解决方法。

我只希望有一种嵌入方式，这样 MIDI 就可以在页面加载时开始播放，而无需单击任何内容。我想那些日子已经一去不复返了。