vue 获取语音时长

在Vue.js中，获取音频文件的时长通常需要通过JavaScript处理，因为浏览器本身并不直接提供获取文件时长的功能。你可以使用HTML5的`MediaElementAudioSourceNode`或者第三方库如`vue-audio-player`来完成这个任务。

以下是一个简单的步骤：

1. 首先，在模板中创建一个audio元素，并设置src属性为你的音频文件URL：

<audio ref="myAudio" :src="audioUrl"></audio>

2. 在你的组件中，注入`ref`并监听音频的`loadedmetadata`事件，该事件会在音频数据加载完成后触发，然后在这个时候获取时长：

export default {
  data() {
    return {
      audioUrl: 'your_audio_url.mp3',
      audioDuration: null,
    };
  },
  mounted() {
    this.$refs.myAudio.addEventListener('loadedmetadata', () => {
      const duration = this.$refs.myAudio.duration; // 时长是以秒为单位的
      this.audioDuration = duration;
    });
  },
  // ...
}

当你想获取音频时长时，可以直接访问`audioDuration`变量。