html5 获取语音并保存,【前端】音频数据(二进制数组)用js怎么保存下来

1. JavaScript如何保存数据,并转换成对应格式

目前在做一个讯飞语音(文字转语音的demo)

当我从讯飞获得数据后

数据如下:

4293a9a5725834f3998ffeac113097f3.png

是一堆二进制数组

官方提供了Python的demo

a01b4456c82d70575799f94d1fb5bb7b.png

一个 writeFile 就完成了文件的写入,甚至文件的格式(不懂Python,不知道该处的写法是否正确)…

那么在 JavaScript 中该用什么来进行写入

2. 目标和思路

目标: 实现文字转语音

思路:

获取到该音频数据后保存为wav格式文件,再通过audio来播放该文件

获取到该音频数据后直接播放(咋实现…)

3. 相关环境

浏览器: 谷歌

框架: Vue

UI: Element UI

4. 尝试解决

采用 blob

思路来源(papersnake)

// 相关代码

if (response.headers['content-type'] === 'audio/mpeg') {

const blob = new Blob([response.data], {type: 'audio/wav'})

const blobUrl = URL.createObjectURL(blob)

const audio = new Audio(blobUrl)

audio.play()

}

结果:

是否解决: 是

存在问题: 返回的内容为base64编码后的内容需要转换

5. 相关资料

讯飞语音合成

回答

如果你运行在浏览器,最大的坎应该是浏览器无法对本地文件进行操作,

可以考虑blob

哥们你解决了吗,我用这个方法会报错,DOMException: Failed to load because no supported source was found….

第一种思路,先保存后播放的有方案没呀,求

  • 0
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值