21

现在,javascript 和 windows 媒体播放器/quicktime 浏览器插件支持在 html 中播放 midi。我想知道将来是否有任何关于 html5 将支持播放带有音频标签的 midi 的消息?

4

2 回答 2

23

如果你想播放 midi 文件,你可以在这里查看他们是如何做到的:http: //mudcu.be/midi-js/。示例页面使用MIDI.js。请注意,它甚至使用声音字体,全部通过脚本编写。挺整洁的。

如果您对控制 MIDI 设备或让 MIDI 设备控制您的 HTML5 页面更感兴趣:W3C 人员正在努力解决这个问题。在此处查看草稿 api 描述

于 2013-01-05T03:07:04.027 回答
0

使用html-midi-playermidi-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@14.7.58,npm/@magenta/music@1.22.1/es6/core.js,npm/focus-visible@5,npm/html-midi-player@1.4.0"></script>

完全披露:我是 html-midi-player 的作者。

于 2022-02-03T21:53:03.093 回答