简单的midi.js播放器示例

Question

我一直在寻找，但我似乎找不到一个简单的球员为midi.js http://mudcu.be/midi-js/的例子。

球员的例子是如此复杂，我无法让它在我的page....What工作，我错过了吗？

 <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文件的demo-MIDIPlayer.html标记。

<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);
        }
    });
}