我正在做一个与复古网页设计相关的项目。我想嵌入和自动播放一个MIDI文件,但是:1.它在iOS上不工作(我用我的iPad试过)1.在Firefox上,有时候不播放曲调,我不知道为什么。midi播放器依赖于浏览器或插件吗?我可以找到一个通用的替代品来播放我的曲子吗?我是这样使用<embed>标签的:
<embed>
<embed src="tune.mid" hidden="true" autostart="true" autoplay="true">
字符串
vddsk6oq1#
我之前提到过这个问题,并找到了使用库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>
字符串编辑:更新为包括一个初始化功能,在用户手势调用,因为所有的音频现在必须从一个启动。
bvhaajcl2#
是的,embed 标记是为插件保留的,移动的Safari不支持插件。看看HTML5 audio标签,大多数浏览器都支持它。但是请不要在网页上播放音乐..
drnojrws3#
你的HTML是OK.问题是,一些较低级别的浏览器已经失去了播放midi文件的能力.他们必须安装一个插件.真实的播放器曾经是一个很好的解决方案,但现在他们正在推动云订阅.有很多其他midi播放器周围,但用户必须安装一个.
9gm1akwq4#
随着时间的推移,浏览器不再支持原生播放JavaScript文件。你可能想试试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了解详细信息。
qlfbtfca5#
对于mid和kar文件,我建议使用vanBasco midi播放器作为默认播放器。嵌入; embed src=“musicfile.mid”width=144 height=60 autostart=true repeat=false loop=false(将“musicfile.mid”替换为midi文件的名称)
cedebl8k6#
如果有人仍然有这个问题,https://kitchwww.github.io/midi/midi.js不工作,因为有丢失的笔记(从我的研究)http://www.midijs.net仍然有一个比特币矿工我发现唯一的东西是工作的midi文件是https://github.com/cifkao/html-midi-player,它有midi播放器,你可以发挥midis和它,一个酒吧设置时间和一个midi可视化希望能帮到你:D
sqougxex7#
使用HTML5音频标签。但是就像我前面的那个人说的.
<audio src="example.midi" preload="auto" autoplay="autoplay"></audio>
bttbmeg08#
好吧,现在是2017年8月13日,你不知道在网页上嵌入bg midi仍然是一个谜吗?事实上,我很确定它甚至不能再做了(除了IE的bgsound src,它仍然对我很好)。但是对于Firefox和Chrome,jofeu提供的解决方案是一个很好的解决方案。我只希望有一种方法可以嵌入,这样midi就可以在页面加载时开始播放,而不必点击任何东西。我想那些日子已经一去不复返了。
8条答案
按热度按时间vddsk6oq1#
我之前提到过这个问题,并找到了使用库midijs的答案。然而,由于该库现在包含了一个比特币矿工,我已经做了一个没有挖矿代码的变体:
https://kitchwww.github.io/midi/midi.js的
它可以以完全相同的方式包含和使用:
字符串
编辑:更新为包括一个初始化功能,在用户手势调用,因为所有的音频现在必须从一个启动。
bvhaajcl2#
是的,embed 标记是为插件保留的,移动的Safari不支持插件。
看看HTML5 audio标签,大多数浏览器都支持它。
但是请不要在网页上播放音乐..
drnojrws3#
你的HTML是OK.问题是,一些较低级别的浏览器已经失去了播放midi文件的能力.他们必须安装一个插件.真实的播放器曾经是一个很好的解决方案,但现在他们正在推动云订阅.有很多其他midi播放器周围,但用户必须安装一个.
9gm1akwq4#
随着时间的推移,浏览器不再支持原生播放JavaScript文件。你可能想试试MIDI.js,一个基于JavaScript的跨浏览器库。
将MIDI.js脚本添加到您的网页:
字符串
然后添加一个链接开始播放:
型
查看http://www.midijs.net了解详细信息。
qlfbtfca5#
对于mid和kar文件,我建议使用vanBasco midi播放器作为默认播放器。
嵌入; embed src=“musicfile.mid”width=144 height=60 autostart=true repeat=false loop=false(将“musicfile.mid”替换为midi文件的名称)
cedebl8k6#
如果有人仍然有这个问题,
https://kitchwww.github.io/midi/midi.js不工作,因为有丢失的笔记(从我的研究)
http://www.midijs.net仍然有一个比特币矿工
我发现唯一的东西是工作的midi文件是https://github.com/cifkao/html-midi-player,它有midi播放器,你可以发挥midis和它,一个酒吧设置时间和一个midi可视化
希望能帮到你:D
sqougxex7#
使用HTML5音频标签。但是就像我前面的那个人说的.
字符串
bttbmeg08#
好吧,现在是2017年8月13日,你不知道在网页上嵌入bg midi仍然是一个谜吗?
事实上,我很确定它甚至不能再做了(除了IE的bgsound src,它仍然对我很好)。
但是对于Firefox和Chrome,jofeu提供的解决方案是一个很好的解决方案。
我只希望有一种方法可以嵌入,这样midi就可以在页面加载时开始播放,而不必点击任何东西。我想那些日子已经一去不复返了。