blocks|key|2298346|text|据我所知，没有跨浏览器的方法可以做到这一点:+Flash，在网页上嵌入音频时最常见的选择，doesn't+play+Midi+files。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|2298347|唯一的方法确实是embed方法，它是否有效将取决于用户浏览器的设置方式。必须安装能够处理该文件的插件(如Quicktime)。如果"install+plugin“对话框出现在计算机上，它将无法在计算机上工作。|style|CODE|2298348|我认为唯一明智的方法是将这些Midis转换为MP3文件。|2298349|entityMap|0|LINK|mutability|MUTABLE|url|http://forums.adobe.com/message/198587^0|19|N|0|0|8|5|0|0^^$0|@$1|2|3|4|5|6|7|R|8|@]|9|@$A|S|B|T|1|U]]|C|$]]|$1|D|3|E|5|6|7|V|8|@$A|W|B|X|F|G]]|9|@]|C|$]]|$1|H|3|I|5|6|7|Y|8|@]|9|@]|C|$]]|$1|J|3|-4|5|6|7|Z|8|@]|9|@]|C|$]]]|K|$L|$5|M|N|O|C|$P|Q]]]]

<p>As far as I know, there is no cross-browser way to do this: Flash, the most common option when embedding audio on a web page, <a href="http://forums.adobe.com/message/198587" rel="nofollow">doesn't play Midi files</a>.</p>

<p>The only way is indeed the <code>embed</code> method, and whether that works will depend on how the user's browser is set up. A plug-in (like Quicktime) will have to be installed that can handle the file.  If the "install plugin" dialog appears on a computer, it won't work there. </p>

<p>I think the only sane way is to convert those Midis to MP3 files.</p>


blocks|key|1883499|text|我知道这已经有一段时间了，但这是谷歌“网站midi播放器”的首位，所以我想我应该顺便提个解决方案。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1883500|我做了一个网站，想播放一个midi文件，你可以使用一个Javascript插件：http://www.midijs.net/|offset|length|1883501|只需包含库：<script+src='http://www.midijs.net/lib/midi.js'></script>|style|CODE|1883502|然后播放你想要播放的文件：<script>MIDIjs.play('path/to.your/file.mid');</script>|1883503|重要的编辑似乎远程文件正在做加密挖掘，这是不太理想的。您应该将文件存储在本地并删除t("https://coinhive.com/lib/coinhive.min.js",D)，或者使用GitHub：https://github.com/babelsberg/babelsberg-js/tree/master/midijs中的原始代码|BOLD|1883504|感谢@David+de+Kleer指出这一点。|1883505|entityMap|0|LINK|mutability|MUTABLE|url|http://www.midijs.net/|1|https://github.com/babelsberg/babelsberg-js/tree/master/midijs^0|0|14|M|0|0|6|1L|0|D|1I|0|0|5|15|1B|2S|1Q|1|0|0^^$0|@$1|2|3|4|5|6|7|10|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|11|8|@]|9|@$D|12|E|13|1|14]]|A|$]]|$1|F|3|G|5|6|7|15|8|@$D|16|E|17|H|I]]|9|@]|A|$]]|$1|J|3|K|5|6|7|18|8|@$D|19|E|1A|H|I]]|9|@]|A|$]]|$1|L|3|M|5|6|7|1B|8|@$D|1C|E|1D|H|N]|$D|1E|E|1F|H|I]]|9|@$D|1G|E|1H|1|1I]]|A|$]]|$1|O|3|P|5|6|7|1J|8|@]|9|@]|A|$]]|$1|Q|3|-4|5|6|7|1K|8|@]|9|@]|A|$]]]|R|$S|$5|T|U|V|A|$W|X]]|Y|$5|T|U|V|A|$W|Z]]]]

<p>I know it's been a while, but this is top of Google for "website midi player", so I thought I'd drop in a solution.</p>

<p>I made a website and wanted to play a midi file, and there's a Javascript plugin you can use: <a href="http://www.midijs.net/" rel="nofollow noreferrer">http://www.midijs.net/</a></p>

<p>Just include the library:
<code>&lt;script src='http://www.midijs.net/lib/midi.js'&gt;&lt;/script&gt;</code></p>

<p>And then the file you want to play: <code>&lt;script&gt;MIDIjs.play('path/to.your/file.mid');&lt;/script&gt;</code></p>

<p><strong>Important edit</strong>
It seems that the remote file is doing Crypto mining, which is less than ideal. You should either store the file locally and remove <code>t("https://coinhive.com/lib/coinhive.min.js",D)</code>, or use the original code from GitHub: <a href="https://github.com/babelsberg/babelsberg-js/tree/master/midijs" rel="nofollow noreferrer">https://github.com/babelsberg/babelsberg-js/tree/master/midijs</a></p>

<p>Thanks to @David de Kleer for pointing that out.</p>


blocks|key|3953837|text|在现代浏览器中使用Web+Audio+API。请参见完整的example+of+player。它适用于台式机和移动设备。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|3953838|entityMap|0|LINK|mutability|MUTABLE|url|https://surikov.github.io/webaudiofont/examples/midiplayer.html^0|T|H|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@$A|M|B|N|1|O]]|C|$]]|$1|D|3|-4|5|6|7|P|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]]]

<p>Use Web Audio API for modern browsers. See complete <a href="https://surikov.github.io/webaudiofont/examples/midiplayer.html" rel="nofollow noreferrer">example of player</a>. It works on desktop and mobile.</p>


blocks|key|261513|text|使用html-midi-player，只需插入一个midi-player元素(一个自定义的HTML元素，它的工作原理与audio元素很相似，但适用于MIDI文件)，就可以在网站中嵌入MIDI文件：|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|261514|<midi-player+src="jazz.mid"+sound-font></midi-player>|code-block|syntax|javascript|261515|完整演示：|261516|<midi-player+src="https://cdn.jsdelivr.net/gh/cifkao/html-midi-player@2b12128/jazz.mid"+sound-font>
</midi-player>


<script+src="https://cdn.jsdelivr.net/combine/npm/tone@14.7.58,npm/@magenta/music@1.22.1/es6/core.js,npm/focus-visible@5,npm/html-midi-player@1.4.0"></script>|261517|​|261518|完全公开:我是html-midi-player的作者。|261519|播放功能是由谷歌的Magenta.js库提供的。也可以直接使用Magenta.js播放MIDI文件，但这需要大量的JavaScript编码，这就是我创建html-midi-player的原因。|261520|entityMap|0|LINK|mutability|MUTABLE|url|https://github.com/cifkao/html-midi-player|1|https://github.com/magenta/magenta-js/^0|P|B|1N|5|2|G|0|0|0|0|0|0|0|9|A|1|0^^$0|@$1|2|3|4|5|6|7|14|8|@$9|15|A|16|B|C]|$9|17|A|18|B|C]]|D|@$9|19|A|1A|1|1B]]|E|$]]|$1|F|3|G|5|H|7|1C|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|1D|8|@]|D|@]|E|$]]|$1|M|3|N|5|H|7|1E|8|@]|D|@]|E|$I|J]]|$1|O|3|P|5|6|7|1F|8|@]|D|@]|E|$]]|$1|Q|3|R|5|6|7|1G|8|@]|D|@]|E|$]]|$1|S|3|T|5|6|7|1H|8|@]|D|@$9|1I|A|1J|1|1K]]|E|$]]|$1|U|3|-4|5|6|7|1L|8|@]|D|@]|E|$]]]|V|$W|$5|X|Y|Z|E|$10|11]]|12|$5|X|Y|Z|E|$10|13]]]]

<p>With <a href="https://github.com/cifkao/html-midi-player" rel="nofollow noreferrer">html-midi-player</a>, it is possible to embed a MIDI file in a website simply by inserting a <code>midi-player</code> element (a custom HTML element which works a lot like the <code>audio</code> element, but for MIDI files):</p>
<pre class="lang-html prettyprint-override"><code>&lt;midi-player src=&quot;jazz.mid&quot; sound-font&gt;&lt;/midi-player&gt;
</code></pre>
<p>Complete demo:
<div class="snippet" data-lang="js" data-hide="false" data-console="false" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;midi-player src="https://cdn.jsdelivr.net/gh/cifkao/html-midi-player@2b12128/jazz.mid" sound-font&gt;
&lt;/midi-player&gt;

&lt;!-- The following needs to be inserted somewhere on the page for the player(s) to work. --&gt;
&lt;script src="https://cdn.jsdelivr.net/combine/npm/tone@14.7.58,npm/@magenta/music@1.22.1/es6/core.js,npm/focus-visible@5,npm/html-midi-player@1.4.0"&gt;&lt;/script&gt;</code></pre>
</div>
</div>
</p>
<p><em>Full disclosure: I'm the author of html-midi-player.</em></p>
<p>The playback functionality is provided by Google's <a href="https://github.com/magenta/magenta-js/" rel="nofollow noreferrer">Magenta.js</a> library. It's also possible to use Magenta.js directly to play MIDI files, but this requires a non-trivial amount of JavaScript coding, which is why I created html-midi-player.</p>


blocks|key|261340|text|Java可以播放MIDI文件，并且所需的插件(出厂时)已安装在大多数PC上|type|unstyled|depth|inlineStyleRanges|entityRanges|data|261341|不完整的示例here和here|offset|length|261342|entityMap|0|LINK|mutability|MUTABLE|url|http://www.coderanch.com/t/453627/Applets/java/MID-player-applet|1|http://www.harfesoft.de/aixphysik/sound/HFPlayer/Doc/index.html^0|0|6|4|0|B|4|1|0^^$0|@$1|2|3|4|5|6|7|P|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|Q|8|@]|9|@$D|R|E|S|1|T]|$D|U|E|V|1|W]]|A|$]]|$1|F|3|-4|5|6|7|X|8|@]|9|@]|A|$]]]|G|$H|$5|I|J|K|A|$L|M]]|N|$5|I|J|K|A|$L|O]]]]

<p>Java can play MIDI files, and the necessary plugin is installed (in the factory) on most PCs</p>

<p>Incomplete examples <a href="http://www.coderanch.com/t/453627/Applets/java/MID-player-applet" rel="nofollow">here</a> and <a href="http://www.harfesoft.de/aixphysik/sound/HFPlayer/Doc/index.html" rel="nofollow">here</a></p>


<p>how can I play a midi file in my html/php page</p>

<p>Right now I surf the net and got lots of simple embed code like the one I given below</p>

<pre><code>&lt;EMBED SRC="C:\Windows\Media\Onestop.mid" hidden=true autostart=true loop=1&gt;
</code></pre>

<p>But my firefox says to install plugin - Quicktime player</p>

<p>I dont think this is the way or how to bypass this above said issue, may be if you can suggest another method to do this if any,</p>

<p>thanks...</p>


How to play a midi file in html

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

如何在html/php页面中播放midi文件？现在，我在网上冲浪，得到了许多简单的嵌入代码，就像我在下面给出的代码一样<EMBED SRC="C:\Windows\Media\Onestop.mid" hidden=true autostart=true loop=1>但是我的火狐说要安装plugin - Quicktime player我不认为这是方法或如何绕过上述问题，可能是如果你可以建议其他

问如何在html中播放midi文件
EN

回答 5

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在html中播放midi文件EN

回答 5

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在html中播放midi文件
EN