小程序中使用微信同声传译插件实现语音识别、语音合成、文本翻译功能----语音合成(二)

本文主要是介绍小程序中使用微信同声传译插件实现语音识别、语音合成、文本翻译功能----语音合成(二),希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

官方文档链接:https://mp.weixin.qq.com/wxopen/plugindevdoc?appid=wx069ba97219f66d99&token=370941954&lang=zh_CN#-
要使用插件需要先在小程序管理后台的设置->第三方设置->插件管理中添加插件,目前该插件仅认证后的小程序。
添加插件

语音合成功能

语音合成支持的语言有 zh_CN(中国大陆),en_US(英文)。

textToSpeech(obj)

参数说明:
1、lang:文本语言 zh_CN(中国大陆)en_US(英文),String类型,必填项;
2、content:需要被翻译的文本内容,后台限制1000字节大小,String类型,必填项;
3、success:调用成功时触发的回调,Function类型;
回调结果说明:
retcode:retcode == 0 时语音合成成功,Int类型;
origin: 原始文本,String类型;
filename:语音合成返回的语音地址,可自行下载使用,String类型;
expired_time:语音合成链接超时时间戳 如1525930552,超时后无法播放,可使用时间为3小时,Int类型。
4、fail:调用失败时触发的回调,Function类型。
回调结果说明
retcode:错误码,Int类型;
msg:错误信息,String类型。
错误码说明
-20001 语音合成语言格式出错
-20002 输入的待合成格式不正确
-20003 语音合成内部错误
-20005 网络错误
-40001 接口调用频率达到限制,请联系插件开发者

使用

1、注册插件

在app.json中注册插件
“plugins”: {
“WechatSI”: {
“version”: “0.3.5”,
“provider”: “wx069ba97219f66d99”
}
},

2、在页面中引入插件

//引入插件:微信同声传译
const plugin = requirePlugin(‘WechatSI’)

3、在上述1、2步骤完成后实现语音合成

// 文字转语音
playTextToVoice(){
//创建内部 audio 上下文 InnerAudioContext 对象。
this.innerAudioContext = wx.createInnerAudioContext();
const that = this;
plugin.textToSpeech({
// 调用插件的方法
lang: ‘zh_CN’,
// lang: ‘en_US’,
content: ‘欢迎进入语音合成’,
success: function (res) {
that.playAudio(res.filename);
}
});
},
// 播报语音
playAudio(e) {
this.innerAudioContext.src = e; //设置音频地址
this.innerAudioContext.play(); //播放音频
},

4、如果在页面隐藏或卸载时不再播放合成的语音可将其关闭或销毁播放实例

onHide() {
this.innerAudioContext.stop();
this.innerAudioContext.destroy();
},

案例实现代码:


//引入插件:微信同声传译
const plugin = requirePlugin('WechatSI')Page({/*** 生命周期函数--监听页面显示*/onShow() {// 播报this.playTextToVoice()},// 文字转语音playTextToVoice(){//创建内部 audio 上下文 InnerAudioContext 对象。this.innerAudioContext = wx.createInnerAudioContext();const that = this;plugin.textToSpeech({// 调用插件的方法lang: 'zh_CN',// lang: 'en_US',content: '欢迎进入语音合成',success: function (res) {that.playAudio(res.filename);}});},// 播报语音playAudio(e) {this.innerAudioContext.src = e; //设置音频地址this.innerAudioContext.play(); //播放音频},/*** 生命周期函数--监听页面隐藏*/onHide: function () {this.innerAudioContext && this.innerAudioContext.stop();this.innerAudioContext && this.innerAudioContext.destroy();},/*** 生命周期函数--监听页面卸载*/onUnload: function () {this.innerAudioContext && this.innerAudioContext.stop();this.innerAudioContext && this.innerAudioContext.destroy();},
})

具体案例代码亦可参考:https://gitee.com/mei-ruohan/mini-program-collection/tree/master/pages/texttvoice

这篇关于小程序中使用微信同声传译插件实现语音识别、语音合成、文本翻译功能----语音合成(二)的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/609727

相关文章

从零教你安装pytorch并在pycharm中使用

《从零教你安装pytorch并在pycharm中使用》本文详细介绍了如何使用Anaconda包管理工具创建虚拟环境,并安装CUDA加速平台和PyTorch库,同时在PyCharm中配置和使用PyTor... 目录背景介绍安装Anaconda安装CUDA安装pytorch报错解决——fbgemm.dll连接p

Vue项目的甘特图组件之dhtmlx-gantt使用教程和实现效果展示(推荐)

《Vue项目的甘特图组件之dhtmlx-gantt使用教程和实现效果展示(推荐)》文章介绍了如何使用dhtmlx-gantt组件来实现公司的甘特图需求,并提供了一个简单的Vue组件示例,文章还分享了一... 目录一、首先 npm 安装插件二、创建一个vue组件三、业务页面内 引用自定义组件:四、dhtmlx

使用Python创建一个能够筛选文件的PDF合并工具

《使用Python创建一个能够筛选文件的PDF合并工具》这篇文章主要为大家详细介绍了如何使用Python创建一个能够筛选文件的PDF合并工具,文中的示例代码讲解详细,感兴趣的小伙伴可以了解下... 目录背景主要功能全部代码代码解析1. 初始化 wx.Frame 窗口2. 创建工具栏3. 创建布局和界面控件4

一文详解如何在Python中使用Requests库

《一文详解如何在Python中使用Requests库》:本文主要介绍如何在Python中使用Requests库的相关资料,Requests库是Python中常用的第三方库,用于简化HTTP请求的发... 目录前言1. 安装Requests库2. 发起GET请求3. 发送带有查询参数的GET请求4. 发起PO

Java中的Cursor使用详解

《Java中的Cursor使用详解》本文介绍了Java中的Cursor接口及其在大数据集处理中的优势,包括逐行读取、分页处理、流控制、动态改变查询、并发控制和减少网络流量等,感兴趣的朋友一起看看吧... 最近看代码,有一段代码涉及到Cursor,感觉写法挺有意思的。注意是Cursor,而不是Consumer

Vue ElementUI中Upload组件批量上传的实现代码

《VueElementUI中Upload组件批量上传的实现代码》ElementUI中Upload组件批量上传通过获取upload组件的DOM、文件、上传地址和数据,封装uploadFiles方法,使... ElementUI中Upload组件如何批量上传首先就是upload组件 <el-upl

Node.js net模块的使用示例

《Node.jsnet模块的使用示例》本文主要介绍了Node.jsnet模块的使用示例,net模块支持TCP通信,处理TCP连接和数据传输,具有一定的参考价值,感兴趣的可以了解一下... 目录简介引入 net 模块核心概念TCP (传输控制协议)Socket服务器TCP 服务器创建基本服务器服务器配置选项服

Docker部署Jenkins持续集成(CI)工具的实现

《Docker部署Jenkins持续集成(CI)工具的实现》Jenkins是一个流行的开源自动化工具,广泛应用于持续集成(CI)和持续交付(CD)的环境中,本文介绍了使用Docker部署Jenkins... 目录前言一、准备工作二、设置变量和目录结构三、配置 docker 权限和网络四、启动 Jenkins

Python3脚本实现Excel与TXT的智能转换

《Python3脚本实现Excel与TXT的智能转换》在数据处理的日常工作中,我们经常需要将Excel中的结构化数据转换为其他格式,本文将使用Python3实现Excel与TXT的智能转换,需要的可以... 目录场景应用:为什么需要这种转换技术解析:代码实现详解核心代码展示改进点说明实战演练:从Excel到

如何使用CSS3实现波浪式图片墙

《如何使用CSS3实现波浪式图片墙》:本文主要介绍了如何使用CSS3的transform属性和动画技巧实现波浪式图片墙,通过设置图片的垂直偏移量,并使用动画使其周期性地改变位置,可以创建出动态且具有波浪效果的图片墙,同时,还强调了响应式设计的重要性,以确保图片墙在不同设备上都能良好显示,详细内容请阅读本文,希望能对你有所帮助...