vue 播放wav文件流的方法
时间: 2023-10-24 20:19:02 浏览: 111
要在Vue中播放WAV文件流,您可以使用HTML5中的Audio API。以下是一个简单的示例:
```
<template>
<div>
<button @click="playAudio">播放</button>
</div>
</template>
<script>
export default {
methods: {
playAudio() {
const context = new AudioContext();
const source = context.createBufferSource();
const request = new XMLHttpRequest();
request.open('GET', 'path/to/your/wav/file', true);
request.responseType = 'arraybuffer';
request.onload = function() {
context.decodeAudioData(request.response, function(buffer) {
source.buffer = buffer;
source.connect(context.destination);
source.start(0);
});
};
request.send();
},
},
};
</script>
```
在这个例子中,我们创建了一个`AudioContext`对象,然后使用`XMLHttpRequest`加载WAV文件(您需要替换`path/to/your/wav/file`以指向您的WAV文件)。一旦我们加载了WAV文件,我们使用`decodeAudioData`方法将其解码为一个音频缓冲区。最后,我们将缓冲区连接到音频上下文的目标,并开始播放。
阅读全文