在vue中使用第三方库获取视频文件的格式，帧率信息

在Vue.js中，如果你想获取视频文件的格式和帧率信息，通常会利用HTML5的`<video>`元素以及File API。你可以通过JavaScript操作用户选择的文件，然后读取其元数据，包括格式（例如MP4、WebM等）和帧率。

首先，你需要在HTML中创建一个`<input type="file">`让用户选择视频文件：

<input type="file" @change="handleVideoChange" />

然后，在Vue组件的methods中处理文件选择事件：

export default {
  methods: {
    handleVideoChange(event) {
      const file = event.target.files[0];
      
      if (file.type.match('video/*')) { // 检查是否是视频文件
        this.videoFile = file; // 保存到实例变量
        this.getFileInfo(); // 调用获取元数据的函数
      } else {
        alert('请选择一个视频文件');
      }
    },
    
    async getFileInfo() {
      try {
        const reader = new FileReader();
        reader.onloadend = () => {
          const videoBlob = reader.result;
          const mediaInfo = await getVideoMediaInfo(videoBlob);
          console.log('视频格式:', mediaInfo.format);
          console.log('帧率:', mediaInfo.frameRate);
        };
        
        reader.readAsArrayBuffer(this.videoFile); // 读取文件内容为ArrayBuffer
      } catch (error) {
        console.error('获取视频信息出错:', error);
      }
    },
    
    // 假设getVideoMediaInfo是一个封装好的API，用于解析视频元数据
    async getVideoMediaInfo(blob) {
      // ... 实现解析视频元数据的逻辑
    }
  }
}

在这个例子中，`getVideoMediaInfo`函数需要你自己实现，通常它会依赖于一些开源库，如`media-features`或者浏览器原生API `MediaSource` 和 `MediaTrack`。

注意，由于涉及浏览器兼容性和安全性问题，上述代码可能无法直接运行，实际项目中可能需要做更多的错误处理和适应不同环境的调整。