js录音播放数字,for循环异步处理audio音频

使用这个的情况是在我已经用百度接口写好了这个功能,but,上司非要我用录音的方式写一个,怕百度接口后面会出错,影响浏览量的问题。我为此还去创建工单问百度语音功能使用量大的话会对后面功能影响吗?得到回答是接口现在是免费的,只要企业qps不超过100就行。都这样说了肯定行了啊!上司还是让我写个录音版的。。。

总共三段语音拼接:“请将商品分拨到”+页面获取的数字+“号栏”
中间数字还是1-999之间的数。前后两句话用百度ai念出来保存就行,主要是中间数字怎么让它念出来。各种百度,问同事,最后解决出来了。

使用录音播放音频(主要中心内容就是:在for循环中处理异步问题,接着转换audio的播放路径)
1:获取页面上的数字
2:转换为中文,如“123”转化为“一百二十三”。
3:在for循环中使用substring截取中文字符串。
4:在界面上定义一个audio。
在这里插入图片描述
5:写一个专门转换音频播放路径的方法changeSrc()
在这里插入图片描述
6:switch/case判断检测到不同中文数字时执行的转换audio路径
在这里插入图片描述
7:使用闭包加定时器的方式播放音频。也可以使用其他处理异步的方式如:回调函数,promise,async/await。(这些方法暂时不会,道路漫长)
在这里插入图片描述
以上就是单纯念数字的方法。
8:在数字前后加提示音。
前面的语音直接读,中间数字在延时器那加上前一句的时间也就是下图的1500毫秒,后面一句话就在函数里判断,如果是循环到最后一个数字就返回最后一段语音。
在这里插入图片描述
肯定是有更好办法解决的,但是我还不会。。。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值