vue 播放接口返回的wav文件流的方法
时间: 2024-05-09 17:19:13 浏览: 215
vue项目中播放rtmp视频文件流的方法
5星 · 资源好评率100%
可以使用HTML5的`<audio>`标签来播放wav文件流。具体步骤如下:
1. 将wav文件流保存到Blob对象中
```javascript
let blob = new Blob([response.data], { type: 'audio/wav' });
```
2. 创建一个URL对象
```javascript
let audioUrl = URL.createObjectURL(blob);
```
3. 创建`<audio>`元素并设置src属性为URL对象
```javascript
let audioElement = document.createElement('audio');
audioElement.src = audioUrl;
```
4. 播放音频
```javascript
audioElement.play();
```
完整代码示例:
```javascript
// 假设接口返回的数据存储在response.data中
let blob = new Blob([response.data], { type: 'audio/wav' });
let audioUrl = URL.createObjectURL(blob);
let audioElement = document.createElement('audio');
audioElement.src = audioUrl;
audioElement.play();
```
阅读全文