在vue中使用第三方库获取视频文件的格式，文件大小，分辨率，帧率，比特率，时长，编码，音频声道，音频采集率，音频比特率，音频编码等信息

在 Vue 中使用第三方库获取视频文件的格式、文件大小、分辨率、帧率、比特率、时长、编码、音频声道、音频采样率、音频比特率以及音频编码等信息，您可以使用 `ffmpeg.js` 这个 JavaScript 库。`ffmpeg.js` 是一个基于 FFmpeg 的 JavaScript 版本，可以在浏览器中解码和处理视频文件。

首先，您需要安装 `ffmpeg.js`，可以通过 npm 或者直接引入相关的 JavaScript 文件进行安装。然后，您可以使用以下代码来获取视频文件的信息：

<template>
  <div>
    <input type="file" @change="handleFileChange" accept="video/*">
    <div v-if="videoInfo">
      <p>格式: {{ videoInfo.format }}</p>
      <p>文件大小: {{ videoInfo.fileSize }}</p>
      <p>分辨率: {{ videoInfo.resolution }}</p>
      <p>帧率: {{ videoInfo.frameRate }}</p>
      <p>比特率: {{ videoInfo.bitRate }}</p>
      <p>时长: {{ videoInfo.duration }}</p>
      <p>编码: {{ videoInfo.encoding }}</p>
      <p>音频声道: {{ videoInfo.audioChannels }}</p>
      <p>音频采样率: {{ videoInfo.audioSampleRate }}</p>
      <p>音频比特率: {{ videoInfo.audioBitRate }}</p>
      <p>音频编码: {{ videoInfo.audioEncoding }}</p>
    </div>
  </div>
</template>

<script>
import FFmpeg from 'ffmpeg.js';

export default {
  data() {
    return {
      videoInfo: null
    };
  },
  methods: {
    handleFileChange(event) {
      const file = event.target.files[0];

      const ffmpeg = FFmpeg.createFFmpeg({
        log: true,
        logger: console.log
      });

      const loadFFmpeg = async () => {
        await ffmpeg.load();
        this.getVideoInfo(file, ffmpeg);
      };

      loadFFmpeg();
    },
    async getVideoInfo(file, ffmpeg) {
      await ffmpeg.write('input.mp4', await fetchFile(file));
      await ffmpeg.run('-i', 'input.mp4', 'output.txt');
      const output = await ffmpeg.read('output.txt');
      const info = parseOutput(output);
      
      this.videoInfo = {
        format: info.format,
        fileSize: info.fileSize,
        resolution: info.resolution,
        frameRate: info.frameRate,
        bitRate: info.bitRate,
        duration: info.duration,
        encoding: info.encoding,
        audioChannels: info.audioChannels,
        audioSampleRate: info.audioSampleRate,
        audioBitRate: info.audioBitRate,
        audioEncoding: info.audioEncoding
      };
    }
  }
};

function fetchFile(file) {
  return new Promise((resolve, reject) => {
    const reader = new FileReader();
    reader.onload = () => resolve(new Uint8Array(reader.result));
    reader.onerror = reject;
    reader.readAsArrayBuffer(file);
  });
}

function parseOutput(output) {
  // 解析输出的信息，提取需要的字段，具体解析逻辑根据 FFmpeg 输出的格式而定
  // 示例中的解析逻辑仅供参考，您可能需要根据实际情况进行修改
  const lines = output.split('\n');
  const info = {};

  for (let i = 0; i < lines.length; i++) {
    const line = lines[i].trim();
    if (line.startsWith('Input #0')) {
      info.format = line.match(/Input #0, ([\w]+)/)[1];
      info.fileSize = line.match(/, ([\d]+) [bkmg]+,/i)[1];
    } else if (line.startsWith('Stream #0:0')) {
      info.resolution = line.match(/, ([\d]+x[\d]+)/)[1];
      info.frameRate = line.match(/, ([\d.]+) fps/)[1];
      info.bitRate = line.match(/, ([\d]+) kb\/s/)[1];
      info.duration = line.match(/Duration: ([\d:.]+)/)[1];
    } else if (line.startsWith('Stream #0:1')) {
      info.encoding = line.match(/, ([\w]+)/)[1];
      info.audioChannels = line.match(/, ([\d]+) channels/)[1];
      info.audioSampleRate = line.match(/, ([\d]+) Hz/)[1];
      info.audioBitRate = line.match(/, ([\d]+) kb\/s/)[1];
      info.audioEncoding = line.match(/Audio: ([\w]+)/)[1];
    }
  }

  return info;
}
</script>

在上述示例中，我们引入了 `ffmpeg.js` 库，并使用 `createFFmpeg` 方法创建了一个 `ffmpeg` 对象。然后，我们使用 `load` 方法加载 `ffmpeg.js` 的核心模块，准备进行视频文件的处理。在 `getVideoInfo` 方法中，我们将视频文件写入到 `ffmpeg.js` 的虚拟文件系统中，并使用 `run` 方法执行 FFmpeg 命令 `-i input.mp4 output.txt`，将输出的信息写入到 `output.txt` 文件中。最后，我们解析 `output.txt` 文件中的信息，提取出需要的字段，存储到 `videoInfo` 对象中，并在页面上显示出来。

请注意，上述示例中的解析逻辑仅供参考，您可能需要根据实际情况进行修改，以适应 FFmpeg 输出的具体格式。此外，请确保安全地处理用户上传的视频文件，并对异常情况进行适当处理。