如何在我的html / php页面中播放midi文件
现在我上网并获得了许多简单的嵌入代码,就像我在下面给出的那样
<EMBED SRC="C:\Windows\Media\Onestop.mid" hidden=true autostart=true loop=1>
但是我的firefox说要安装插件 - Quicktime播放器
我不认为这是绕过上述问题的方式或方法,如果你可以提出另一种方法,如果有的话可能会这样做,
感谢...
答案 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)
答案 4 :(得分:0)
为现代浏览器使用Web Audio API。请参阅完整的example of player。它适用于台式机和移动设备。