html - HTML5でのMIDI音楽のサポート

Question

現在、HTMLでのMIDIの再生は、JavaScriptおよびWindows Media Player/QuickTimeブラウザプラグインでサポートされています。将来、html5がオーディオタグ付きのmidiの再生をサポートするというニュースがあるかどうか疑問に思っていますか？

Answer 1

MIDIファイルを再生したい場合は、http： //mudcu.be/midi-js/でどのように再生されたかを確認できます。サンプルページはMIDI.jsを利用しています。すべてスクリプトを介して、サウンドフォントも使用していることに注意してください。かなりきちんと。

MIDIデバイスの制御、またはMIDIデバイスでHTML5ページを制御することに関心がある場合は、W3Cの担当者が取り組んでいます。ここでドラフトAPIの説明を参照してください

Answer 2

html-midi-playerを使用すると、要素（要素とよく似ていますが、MIDIファイル用midi-playerのカスタムHTML要素）を挿入するだけで、WebサイトにMIDIファイルを埋め込むことができます。audio

<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の作者です。