ios 关于在网页上嵌入midi文件

k3bvogb1  于 2023-11-19  发布在  iOS
关注(0)|答案(8)|浏览(99)

我正在做一个与复古网页设计相关的项目。我想嵌入和自动播放一个MIDI文件,但是:
1.它在iOS上不工作(我用我的iPad试过)
1.在Firefox上,有时候不播放曲调,我不知道为什么。
midi播放器依赖于浏览器或插件吗?我可以找到一个通用的替代品来播放我的曲子吗?
我是这样使用<embed>标签的:

<embed src="tune.mid" hidden="true" autostart="true" autoplay="true">

字符串

vddsk6oq

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>

字符串
编辑:更新为包括一个初始化功能,在用户手势调用,因为所有的音频现在必须从一个启动。

bvhaajcl

bvhaajcl2#

是的,embed 标记是为插件保留的,移动的Safari不支持插件。
看看HTML5 audio标签,大多数浏览器都支持它。
但是请不要在网页上播放音乐..

drnojrws

drnojrws3#

你的HTML是OK.问题是,一些较低级别的浏览器已经失去了播放midi文件的能力.他们必须安装一个插件.真实的播放器曾经是一个很好的解决方案,但现在他们正在推动云订阅.有很多其他midi播放器周围,但用户必须安装一个.

9gm1akwq

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了解详细信息。

qlfbtfca

qlfbtfca5#

对于mid和kar文件,我建议使用vanBasco midi播放器作为默认播放器。
嵌入; embed src=“musicfile.mid”width=144 height=60 autostart=true repeat=false loop=false(将“musicfile.mid”替换为midi文件的名称)

cedebl8k

cedebl8k6#

如果有人仍然有这个问题,
https://kitchwww.github.io/midi/midi.js不工作,因为有丢失的笔记(从我的研究)
http://www.midijs.net仍然有一个比特币矿工
我发现唯一的东西是工作的midi文件是https://github.com/cifkao/html-midi-player,它有midi播放器,你可以发挥midis和它,一个酒吧设置时间和一个midi可视化
希望能帮到你:D

sqougxex

sqougxex7#

使用HTML5音频标签。但是就像我前面的那个人说的.

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

字符串

bttbmeg0

bttbmeg08#

好吧,现在是2017年8月13日,你不知道在网页上嵌入bg midi仍然是一个谜吗?
事实上,我很确定它甚至不能再做了(除了IE的bgsound src,它仍然对我很好)。
但是对于Firefox和Chrome,jofeu提供的解决方案是一个很好的解决方案。
我只希望有一种方法可以嵌入,这样midi就可以在页面加载时开始播放,而不必点击任何东西。我想那些日子已经一去不复返了。

相关问题