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

官方文档链接: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();

},

案例实现代码:

javascript 复制代码
//引入插件:微信同声传译
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

相关推荐
我要洋人死11 分钟前
导航栏及下拉菜单的实现
前端·css·css3
科技探秘人23 分钟前
Chrome与火狐哪个浏览器的隐私追踪功能更好
前端·chrome
科技探秘人23 分钟前
Chrome与傲游浏览器性能与功能的深度对比
前端·chrome
JerryXZR29 分钟前
前端开发中ES6的技术细节二
前端·javascript·es6
七星静香31 分钟前
laravel chunkById 分块查询 使用时的问题
java·前端·laravel
q24985969334 分钟前
前端预览word、excel、ppt
前端·word·excel
小华同学ai39 分钟前
wflow-web:开源啦 ,高仿钉钉、飞书、企业微信的审批流程设计器,轻松打造属于你的工作流设计器
前端·钉钉·飞书
Gavin_9151 小时前
【JavaScript】模块化开发
前端·javascript·vue.js
懒大王爱吃狼2 小时前
Python教程:python枚举类定义和使用
开发语言·前端·javascript·python·python基础·python编程·python书籍
陈思杰系统思考Jason3 小时前
系统思考—深层结构
百度·微信·微信公众平台·新浪微博·微信开放平台