uniapp 小程序如何实现中英文人声朗读功能？

前言

最近在我的学习卡盒小程序中增加了一个卡片人声朗读的效果，点击右小角的播放按钮就会播放卡片中的文字对应的人声朗读效果。效果如下图：

主要的原理是用到了小程序的同声传译插件，下面就详细讲讲如何将这个插件集成，以及交互应该怎么做.

引用插件

微信的同声传译插件有三个功能，分别是 语音输入，文本翻译和语音合成（文字转语音），我用到的就是语音合成功能。

首先微信服务市场中登录并添加同声传译插件，我是个人账号同样可以申请，链接在这里：https://fuwu.weixin.qq.com/service/detail/0000c6950745e87d6c5a143845c815

添加完成后在小程序后台 https://mp.weixin.qq.com/ 点击左下角的账号设置

顶部 Tab 栏选择第三方设置，在插件管理中找到同声传译插件，点击详情

在详情中可以查看插件的 APPID，提前复制好

接下来在小程序项目的 manifest.json 文件中添加一个插件引用：

  "mp-weixin": {
    "appid": "wxff30426f8850b0d7",
    "setting": {
      "urlCheck": false
    },
    "usingComponents": true,
+    "plugins": {
+      "WechatSI": {
+        "provider": "上一步复制的 APPID",
+        "version": "0.3.6"
      }
    }
  },

如此操作，插件就算是在项目中成功引用了。

功能使用

首先，在代码中引用插件:

const plugin = requirePlugin('WechatSI')

下一步尝试调用一下 API 看看能不能调通：

  plugin?.textToSpeech({
   
   
    content,
    lang: 'zh_CN',
    success: (res) => {
   
   
      audio.src = res.filename
      audio.