微信小程序语音转文字(插件:微信同声传译)-全网最详细介绍

微信小程序中将语音转文字，可以使用插件：微信同声传译。下面介绍怎么引入插件，以及使用插件前需要做什么配置。

---

一、登录小程序后台

登录: 微信小程序后台，在设置---->第三方设置---->插件管理---->添加插件，搜索’微信同声传译’

二、添加插件

如果怎么搜索都搜不到这个插件，哪怕你去修改小程序类目，也无法搜索到插件的话
那就只能去服务市场添加这个插件了。 微信服务市场
点击添加，然后选择你需要用到插件的小程序，就可以了

关于无法搜索到插件问题，官方的回复是：可能是小程序类目问题导致无法添加该插件。

三、使用插件前的配置

1、添加成功之后，在插件管理中这样看到。点击详情查看插件的appid和最新版本号。后面需要用到

2、在app.json文件的plugins中填入插件appid和版本号。(小程序项目的app.json的plugins字段中可以声明使用插件)。如下图

四、demo代码实现

1、wxml代码：主要就俩部分，一个文本输入框，一个语音识别按钮

<view class="yuyinWrap">
  <!-- 文本输入框：可以手动输入，也可以语音识别输入 -->
  <textarea
    class='yuyinCon' placeholder='请输入内容' value='{
   {content}}'
  ></textarea>
  <!-- 语音按钮 touchStart手指触摸开始 touchEnd手指触摸结束 -->
  <view>
    <button
      class="yuyinBtn {
   {recordState==1 || recordState==2 ? 'yuyinBtnBg':''}}"
      bindtouchstart="touchStart" bindtouchend="touchEnd"
    >
      <text wx:if="{
   {recordState == 0 || recordState == 3}}">按住 说话</text>
      <text wx:if="{
   {recordState == 1}}">松开 结束</text>
      <text wx:if="{
   {recordState == 2}}">语音识别中...</text>
    </button>
  </view>
</view>

2、js代码

// 引入插件