如何在html中播放midi文件

时间:2011-04-14 11:07:45

标签: html midi

如何在我的html / php页面中播放midi文件

现在我上网并获得了许多简单的嵌入代码,就像我在下面给出的那样

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

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

我不认为这是绕过上述问题的方式或方法,如果你可以提出另一种方法,如果有的话可能会这样做,

感谢...

5 个答案:

答案 0 :(得分:7)

我知道它已经有一段时间了,但这对于#34;网站midi播放器&#34;而言是谷歌的首选,所以我认为我会选择解决方案。

我创建了一个网站并希望播放midi文件,并且您可以使用Javascript插件:http://www.midijs.net/

只需包含图书馆: <script src='http://www.midijs.net/lib/midi.js'></script>

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

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

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

答案 1 :(得分:2)

使用html-midi-player,只需插入midi-player元素(一种自定义HTML元素,其工作原理与audio元素很相似)就可以在网站中嵌入MIDI文件。 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/tone@13,npm/@magenta/music@1/es6/core.js,npm/focus-visible@5,npm/html-midi-player@1"></script>

完全公开:我是html-midi-player的作者。

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

答案 2 :(得分:1)

据我所知,没有跨浏览器的方式来执行此操作:Flash,在网页上嵌入音频时最常见的选项doesn't play Midi files

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

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

答案 3 :(得分:1)

Java可以播放MIDI文件,并且(在工厂中)在大多数PC上安装了必要的插件

不完整的示例herehere

答案 4 :(得分:0)

为现代浏览器使用Web Audio API。请参阅完整的example of player。它适用于台式机和移动设备。