很抱歉，我无法提供具体的项目代码链接。但是，你可以通过以下步骤来实现Vue项目中的MIDI功能：

1. 首先，确保你已经安装了Vue CLI，并创建了一个新的Vue项目。
2. 在你的Vue项目中，安装midi-player库，该库可以帮助你处理MIDI文件的播放和解析。你可以使用以下命令进行安装：

npm install midi-player --save

3. 在你的Vue组件中，引入midi-player库：

import MidiPlayer from 'midi-player';

4. 创建一个MIDI播放器实例，并设置相关的事件处理函数：

export default {
  data() {
    return {
      player: null,
    };
  },
  mounted() {
    this.player = new MidiPlayer.Player();

    // MIDI文件加载完成后的回调函数
    this.player.on('fileLoaded', () => {
      console.log('MIDI文件加载完成');
    });

    // MIDI文件播放完成后的回调函数
    this.player.on('endOfFile', () => {
      console.log('MIDI文件播放完成');
    });
  },
  methods: {
    // 加载并播放MIDI文件
    playMidiFile() {
      const fileInput = document.getElementById('midi-file-input');
      const file = fileInput.files[0];

      if (file) {
        const reader = new FileReader();
        reader.onload = (e) => {
          const arrayBuffer = e.target.result;
          this.player.loadDataUri(arrayBuffer);
          this.player.play();
        };
        reader.readAsArrayBuffer(file);
      }
    },
    // 停止播放MIDI文件
    stopMidiFile() {
      this.player.stop();
    },
  },
};

5. 在你的Vue模板中，添加一个文件选择器和播放/停止按钮：

<template>
  <div>
    <input type="file" id="midi-file-input" accept=".mid">
    <button @click="playMidiFile">播放</button>
    <button @click="stopMidiFile">停止</button>
  </div>
</template>

这样，你就可以在Vue项目中实现MIDI文件的加载和播放功能了。当用户选择一个MIDI文件后，点击播放按钮即可开始播放，点击停止按钮即可停止播放。

请注意，以上代码只是一个简单的示例，你可能需要根据你的具体需求进行适当的修改和扩展。另外，你还需要在Vue项目中引入其他必要的样式和资源文件，以便正确显示和播放MIDI文件。