vue audio 播放接口MP3音频文件流

如果你想要通过流式传输的方式播放后端接口返回的MP3音频文件，你可以使用`fetch` API来实现。在Vue组件中，你可以使用`fetch`来请求后端接口，并将返回的音频文件流传递给`AudioContext`进行播放。以下是一个示例代码：

<template>
  <div>
    <button @click="playAudio">播放音频</button>
  </div>
</template>

<script>
export default {
  methods: {
    playAudio() {
      fetch('your_backend_api_url')
        .then(response => response.blob())
        .then(blob => {
          const audioContext = new AudioContext();
          const audioElement = new Audio();
          audioElement.src = URL.createObjectURL(blob);
          audioElement.play();
        })
        .catch(error => {
          console.error(error);
        });
    }
  }
}
</script>

在上面的代码中，我们通过点击按钮来触发`playAudio`方法。该方法使用`fetch`来发送GET请求到后端API，并将返回的音频文件转换为Blob对象。然后，我们创建了一个新的`AudioContext`和`Audio`元素，并将Blob对象的URL赋值给`Audio`元素的src属性。最后，调用`play()`方法播放音频。

记得将`your_backend_api_url`替换为你实际的后端接口地址。

这样，当你点击按钮时，Vue组件会请求后端接口并通过音频流播放返回的MP3音频文件。