vue怎么引用mediainfo.js，并且用它获取上传的视频编码

在Vue项目中引入`mediaInfo.js`库通常需要通过npm或yarn安装，因为这是一个JavaScript库，所以你需要先在项目中安装。如果你使用的是npm，可以在命令行中运行：

npm install mediainfo-js --save

如果使用yarn，则运行：

yarn add mediainfo-js

安装完成后，你可以按照下面的方式在你的Vue组件中使用这个库：

// 引入mediainfo.js
import MediaInfo from 'mediainfo-js';

export default {
  data() {
    return {
      mediaInfo: null,
    };
  },
  methods: {
    async getVideoCodec(file) {
      // 创建MediaInfo实例
      const mediaInfoInstance = new MediaInfo();
      
      try {
        // 使用FileReader读取文件内容
        const reader = new FileReader();
        reader.readAsArrayBuffer(file);
        await new Promise((resolve, reject) => {
          reader.onload = function(e) {
            resolve(e.target.result);
          };
          reader.onerror = reject;
        });

        // 初始化并解析媒体信息
        await mediaInfoInstance.parse(reader.result);
        
        // 获取视频编码（MIME类型通常表示编码）
        this.mediaInfo = mediaInfoInstance.format('video');
        const videoCodec = this.mediaInfo['video']['codec_name'];
        return videoCodec;
      } catch (error) {
        console.error('Error reading or parsing the file:', error);
        return null;
      }
    },
  },
};

在这个例子中，当你需要获取上传视频的编码时，只需调用`getVideoCodec`方法，并传入文件对象。