微信小程序同声传译 Face2FaceTranslator 开发

微信小程序同声传译 Face2FaceTranslator 开发

腾讯开源了微信小程序的同声传译插件 Face2FaceTranslator ;开发者可以在小程序使用同声传译的功能，以下是本人在项目中做的 demo；我们的小程序是用美团的 mpvue 做的。

Face2FaceTranslator github链接（官方demo）
Face2FaceTranslator 官方开发文档

第一步：配置微信公众平

首先，需要在微信公众平台配置，以下是配置步骤：
打开微信公众平台，点击设置 => 第三方服务 => 添加插件

搜索同声传译，点击添加：

第二步：在代码里添加功能：

以下代码为关键部分代码，因为用 mpvue 开发，所以为 vue 编程风格，开发者可以根据自己情况进行修改。

首先要在 main.js 中配置

// main.js 需要在配置文件中配置插件

export default {
  config: {
    pages: [
      '^pages/imSceneDoctor/imSceneDoctor',
    ],
    window: {
      backgroundTextStyle: 'light',
      backgroundColor: "#000",
      navigationBarBackgroundColor: '#ffffff',
      navigationBarTitleText: '同声传译 demo',
      navigationBarTextStyle: 'black'
    },
    plugins: {
      "WechatSI": {
        "version": "0.0.6",
        "provider": "wx069ba97219f66d99"
      }
    }
  }
}

然后在开发的文件使用 （imSceneDoctor.vue 中关键的代码）。

// imSceneDoctor.vue

备注：
以上只是个小 demo，并且正常运行，然而并没有考虑多种边界情况，如果开发者需要在项目正常使用，也请参考官方demo（上方有 github 地址）。