javascript - 简单的 midi.js 播放器示例

Question

我一直在寻找，但我似乎找不到 midi.js 的简单播放器示例 http://mudcu.be/midi-js/ .

Player 示例非常复杂，我无法在我的页面中使用它......我错过了什么？

 <script src="./js/MIDI/AudioDetect.js" type="text/javascript"></script>
 <script src="./js/MIDI/LoadPlugin.js" type="text/javascript"></script>
 <script src="./js/MIDI/Plugin.js" type="text/javascript"></script>
 <script src="./js/MIDI/Player.js" type="text/javascript"></script>
 <script src="./js/Window/DOMLoader.XMLHttp.js" type="text/javascript"></script>
 <!-- extras -->
<script src="./inc/Base64.js" type="text/javascript"></script>
<script src="./inc/base64binary.js" type="text/javascript"></script>

  <script type="text/javascript">
 MIDI.Player.loadFile("start.mid",MIDI.Player.start);
 MIDI.Player.start();

 </script>

Answer 1

您错过了一些导入。对于 midi 播放器，您应该使用 demo-MIDIPlayer.html 中的 script 标签。文件。

<script src="./js/MIDI/AudioDetect.js" type="text/javascript"></script>
<script src="./js/MIDI/LoadPlugin.js" type="text/javascript"></script>
<script src="./js/MIDI/Plugin.js" type="text/javascript"></script>
<script src="./js/MIDI/Player.js" type="text/javascript"></script>
<script src="./js/Widgets/Loader.js" type="text/javascript"></script>
<script src="./js/Window/Event.js" type="text/javascript"></script>
<script src="./js/Window/DOMLoader.XMLHttp.js" type="text/javascript"></script>
<!-- jasmid package -->
<script src="./inc/jasmid/stream.js"></script>
<script src="./inc/jasmid/midifile.js"></script>
<script src="./inc/jasmid/replayer.js"></script>
<!-- extras -->
<script src="./inc/Base64.js" type="text/javascript"></script>
<script src="./inc/base64binary.js" type="text/javascript"></script>

此外，您需要先加载插件，然后才能开始播放文件。

window.onload = function () {
    MIDI.loadPlugin({
        callback: function() {
            MIDI.Player.loadFile("start.mid", MIDI.Player.start);
        }
    });
}