vue如何获取avi格式的视频时长

Vue 是前端框架，无法直接获取视频时长。需要使用 JavaScript 中的 HTML5 Video API 来获取视频时长。

以下是一个获取视频时长的示例代码：

<template>
  <div>
    <video ref="video" @loadedmetadata="getDuration"></video>
    <p>视频时长：{{ duration }}</p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      duration: 0
    }
  },
  methods: {
    getDuration() {
      const video = this.$refs.video
      this.duration = video.duration.toFixed(2) // 保留两位小数
    }
  },
  mounted() {
    const video = this.$refs.video
    video.src = 'path/to/your/video.avi'
    video.load()
  }
}
</script>

在上述代码中，我们创建了一个 video 元素，并通过 `ref` 属性获取了该元素的引用。然后在 `mounted` 钩子中设置视频的 `src` 属性并加载视频。在视频元数据加载完成时触发 `loadedmetadata` 事件，并调用 `getDuration` 方法获取视频时长。最后将视频时长绑定到页面上。