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

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

相关推荐
Amd79414 分钟前
Nuxt.js 应用中的 webpack:compiled 事件钩子
前端·webpack·开发·编译·nuxt.js·事件·钩子
生椰拿铁You22 分钟前
09 —— Webpack搭建开发环境
前端·webpack·node.js
狸克先生34 分钟前
如何用AI写小说(二):Gradio 超简单的网页前端交互
前端·人工智能·chatgpt·交互
尘浮生36 分钟前
Java项目实战II基于微信小程序的电影院买票选座系统(开发文档+数据库+源码)
java·开发语言·数据库·微信小程序·小程序·maven·intellij-idea
baiduopenmap1 小时前
百度世界2024精选公开课:基于地图智能体的导航出行AI应用创新实践
前端·人工智能·百度地图
loooseFish1 小时前
小程序webview我爱死你了 小程序webview和H5通讯
前端
菜牙买菜1 小时前
让安卓也能玩出Element-Plus的表格效果
前端
请叫我欧皇i1 小时前
html本地离线引入vant和vue2(详细步骤)
开发语言·前端·javascript
533_1 小时前
[vue] 深拷贝 lodash cloneDeep
前端·javascript·vue.js
guokanglun1 小时前
空间数据存储格式GeoJSON
前端