调用微信腾讯云智能语音实现智能语音播报

适用场景：小程序需要实现文本合成语音播报时

通过调用腾讯云智能语音实现

具体实现步骤

小程序登录微信公众平台
点击设置–>第三方设置–>插件管理–>添加插件
搜索腾讯云智能语音，如下图示
在自己的小程序(pages.json或者app.json)添加插件：

"plugins": {   // 引入插件"QCloudAIVoice": {"version": "1.3.4", //请于文档顶部【版本更新能力】中获取最新版本号"provider": "wx3e17776051baf153"}}

在需要使用插件的页面引入插件

let plugin = requirePlugin("QCloudAIVoice");// 引入插件
plugin.setQCloudSecret(appid, secretid, secretkey, openConsole); //设置腾讯云账号信息，其中appid是数字，secret是字符串，openConsole是布尔值(true/false)，为控制台打印日志开关

业务代码编写，以下为示例代码：

<scriprt>
// 创建音频组件
const innerAudioContext = uni.createInnerAudioContext();
innerAudioContext.autoplay = false;
innerAudioContext.src = '';
// 音频播放方法
play(id){var that = this;if(that.oldId == id && that.currentTime > 0){// 控制是否是当前已经播报过，现在处于暂停的文章//暂停之后点击播放继续播放innerAudioContext.play();innerAudioContext.onEnded((res) => {})}else{//新文章var extras = that.content;// 要播报的文本var lastExtras;// 提取汉字(由于笔者要播报的来自富文本，所以需要提取文字)if(extras != null && extras != ''){// 去掉html标签lastExtras = extras.replace(/<[^>]+>/g,"");// 只留汉字和数字lastExtras = lastExtras.replace(/[^\u4e00-\u9fa5_0-9]/gi,"");}if(lastExtras.length > 100){lastExtras = lastExtras.substr(0,100);}var encoded = encodeURI(lastExtras);plugin.textToSpeech({content: lastExtras,speed: 0,volume: 0,voiceType: 0,language: 1,projectId: 0,sampleRate: 16000,success: function(data) {let url = data.result.filePath;if(url && url.length > 0){innerAudioContext.autoplay = true;innerAudioContext.src = url;innerAudioContext.onPlay(() => {});innerAudioContext.onError((res) => {console.log(res.errMsg)});}},fail: function(error){console.log(error);}})}that.oldId = id;},
</script>

总结

以上就是通过调用腾讯云智能语音插件实现文本合成的步骤，文章代码仅为示例代码。

具体使用可参考官方文档（需要登录,执行完第三步就看到啦）
由于只支持100个汉字合成语音，如果需要合成超过100字以上的文章，需要截取处理，具体操作可以查看我的下一篇文章！

微信小程序实现语音合成功能相关推荐

黯然微信小程序杂记（三）：微信小程序实现倒计时功能附讲解教学附源码
黯然微信小程序杂记(三):微信小程序实现倒计时功能附超详细注释附源码一.功能描述二.界面展示三.test.wxml代码四.test.js代码(注释很详细很易懂) CSDN私信我,有关微信 ...
微信小程序实战购物车功能
代码地址如下: http://www.demodashi.com/demo/12400.html 一.准备工作软件环境:微信开发者工具官方下载地址:https://mp.weixin.qq.com ...
微信小程序实现语音识别功能
原标题:微信小程序实现语音识别功能使用小程序实现语音识别功能,由于语音识别可以直接使用各厂家的API接口,并且小程序为腾讯所有,因此考虑到可能的低延时,采用了腾讯提供的免费API接口,准确讲是腾讯语 ...
微信小程序语音识别java_微信小程序实现语音识别功能
原标题:微信小程序实现语音识别功能使用小程序实现语音识别功能,由于语音识别可以直接使用各厂家的API接口,并且小程序为腾讯所有,因此考虑到可能的低延时,采用了腾讯提供的免费API接口,准确讲是腾讯语 ...
微信小程序拼团功能页面展示
微信小程序拼团功能页面展示一.拼团功能拼团就是让消费者在优惠价格的吸引下,自发邀请好友组团,以优惠的价格购买商品的促销活动二.拼团功能的作用 1.与纯粹的购物相比,这种营销方式迎合了大多数用户的 ...
微信小程序原生开发功能合集一：微信小程序开发介绍
一.专栏介绍本专栏主要内容为微信小程序常用功能开发过程的介绍说明,包括开发微信小程序常用组件的封装.常用功能的开发等,提供源代码.开发过程讲解视频.完整的课程等. 组件封装: 下拉选择组件. ...
IVX低代码平台开发——微信小程序实现抽奖功能
写在前面通过利用可视化编程实现微信小程序的抽奖功能,带大家初步了解 iVX 的强大之处. 文章目录写在前面 iVX开发抽奖功能实现 iVX开发基本介绍 iVX是一个 "零代码&quo ...
微信小程序-001-抽签功能-006-我的抽签-主界面
微信小程序-001-抽签功能-006-我的抽签-主界面目录一.wxml 二.js pages.chouqian.setqian.setqian 一.wxml <view wx:for=&qu ...
微信小程序与卡券功能小结
微信小程序与卡券功能小结前段时间公司有一个微信小程序的项目,其中有与卡券打通的功能,但是微信的官方文档实在是一言难尽...找了很多资料才解决这个问题,其中涉及到卡券的领取,卡券的核销等,在这里做一个 ...
python玩微信小程序游戏_使用python实现微信小程序自动签到功能
功能描述目标完成多账号微信小程序每天自动签到输出签到成功则向微信群发送签到成功的信息否则提示用户签到失败,需手动签到包管理 requests itchat time threading 程序 ...

微信小程序实现语音合成功能

调用微信腾讯云智能语音实现智能语音播报

具体实现步骤

总结

微信小程序实现语音合成功能相关推荐

最新文章

热门文章