这是我个人开发【小鲸写字】小程序后的心得整理，欢迎各位水友一起交流小程序开发经验，如需探讨问题可添加博主 QQ：752746873。

也可关注同名公众号 / 小程序【小鲸写字】，查看小程序的实际上线效果～或者查看本专栏的第一篇博文，里面有部分的操作效果动态图。

目录

1. 前言

2. 使用场景

3. 核心插件，微信同声传译

3.1. 插件介绍

3.2. 安装步骤

4. DEMO演示

5. 小结

---

1. 前言

本文主要分享的是在小鲸写字中 语音播放功能，借助的是微信官方插件“微信同声传译”，通过语音在线播放的功能来协助家长不方便时，完成给孩子的在线音频播放需求

或许其中某段踩坑经历、某个解决方案，就能帮你在开发路上少走一段弯路～

2. 使用场景

在小鲸写字中有这样一个使用场景：当用户选中部分字词后，就能选择一种练习方式进行针对性练习，而听写是小鲸写字中一种非常核心的练习方式。

在小鲸写字的听写功能里，字词在线播放是核心配套功能。

考虑到现阶段的实际情况，我们选择了 成本最低、实现最便捷 的方案 —— 直接接入微信同声传译插件。这个插件是微信官方提供的工具，不仅能快速实现文本转语音的字词播放功能，而且接入简单，只需调用几个基础 API 就能完成，不用额外投入大量开发成本。

3. 核心插件，微信同声传译

3.1. 插件介绍

微信同声传译插件是微信自研的语音输入，文本翻译等功能的插件封装，用于提供给第三方小程序调用，官网地址：https://mp.weixin.qq.com/wxopen/pluginbasicprofile?action=intro&appid=wx069ba97219f66d99&token=&lang=zh_CN。

3.2. 安装步骤

1. 打开浏览器，访问 微信公众平台官网：https://mp.weixin.qq.com/，用小程序管理员账号登录（通常是扫码登录）。
2. 打开“微信公众平台”进入“小程序后台”，打开“账号设置”。

1. 打开“第三方设置”->找到"插件管理"模块

1. 点击“添加插件”，搜索关键字“微信同声传译”，并添加。

1. 在官网获取“微信同声传译”的 AppID，并将其添加到自己的小程序中。

 "plugins": {
    "WechatSI": {
      "version": "0.3.6",
      "provider": "wx069ba97219f66d99"
    }
  }

至此，插件管理的配置步骤就全部完成啦！

4. DEMO演示

完成上述配置后，可参考以下演示代码实现字词播报功能：

👇 以下是功能演示代码：
```javascript
// 微信同声传译插件调用示例
const plugin = requirePlugin('WechatSI');
// 初始化语音播放
plugin.textToSpeech({
  lang: "zh_CN",
  tts: true,
  content: "需要播报的字词",
  success: (res) => {
    console.log("语音播放成功", res);
  },
  fail: (err) => {
    console.error("语音播放失败", err);
  }
});

如需了解更多使用方法，可前往微信同声传译官方网站查看详情。

5. 小结

微信同声传译是一款由微信智聆语音团队、微信翻译团队与公众平台联合推出的同传开放接口。依托微信核心技术能力，它在语音转文字、文本翻译、语音合成三大核心功能上表现优异，能为各类小程序提供稳定、高效的语音及翻译支持。

这个插件的语音合成能力帮我们完美解决了字词播报的痛点，不用费心调试发音细节，用户反馈的体验感也很流畅，对中小型产品来说真的是性价比超高的选择。