【开源公告】面对面翻译小程序正式开源

>>>> 开源地址:

https://github.com/Tencent/Face2FaceTranslator

近期我们发布了微信同声传译小程序插件,免费开放微信AI团队在机器翻译,智能语音领域的业界领先成果,使开发者简便地在小程序中加入机器翻译,智能语音能力。

现在我们开源完全基于微信同声传译插件实现的面对面翻译小程序,以进一步降低小程序开发者使用门槛。

小程序开发者参考面对面翻译开源实现,只需要调用几个简单API,就可以完成一个翻译应用。

我们的终极目标是:0门槛搞定! !

插件功能

  • 语音输入
  • 语音合成
  • 文本翻译

下面将展示如何使用插件“0门槛”5步轻松实现面对面翻译小程序。

step 1:添加插件

在使用前,需要登录官网 设置 → 第三方服务 → 添加插件

搜索 【微信同声传译】并添加

在需要使用插件的小程序 app.json 中执行需要使用的插件版本等信息

// app.json
{
  ...
  "plugins": {
    ...
    "WechatSI": {
      "version": "0.0.6",
      "provider": "wx069ba97219f66d99"
  }
}

按下来,在index.js引入插件,获取全局唯一的语音识别管理器recordRecoManager

// index.js
const plugin = requirePlugin("WechatSI")
const manager = plugin.getRecordRecognitionManager()

step 2:语音输入

希望做到的效果是按住某个按钮,开始识别语音,松开按钮就结束识别

<!-- index.wxml -->
<view  catchtouchstart="streamRecord" catchtouchend="endStreamRecord">中文</view>
// index.js
Page({
  data: {},
  streamRecord: function() {
    manager.start({
      lang: 'zh_CN',
    })
  },
  streamRecordEnd: function() {
    manager.stop()
  }
})

step 3:绑定录音回调事件

<!-- index.wxml -->
<!-- 可以在页面上实时输出语音识别结果 -->
<view>语音识别内容:{{currentText}}</view>
// page.js
Page({
  data: {
    currentText: '',
  },
  initRecord: function() {
    //有新的识别内容返回,则会调用此事件
    manager.onRecognize = (res) => {
      let text = res.result
      this.setData({
        currentText: text,
      })
    }
    // 识别结束事件
    manager.onStop = (res) => {
      let text = res.result
      if(text == '') {
        // 用户没有说话,可以做一下提示处理...
        return
      }
      this.setData({
        currentText: text,
      })
      // 得到完整识别内容就可以去翻译了
      this.translateTextAction()
    }
  },
  translateTextAction: function() {},
  onLoad: function() {
    this.initRecord()
  }
})

step 4:文本翻译

<!-- index.wxml -->
<view>翻译结果:{{translateText}}</view>
// page.js
Page({
  data: {
    currentText: '',
    translateText: '',
  },
  translateTextAction: function() {
    let lfrom =  'zh_CN'
    let lto = 'en_US'
    plugin.translate({
      lfrom: lfrom,
      lto: lto,
      content: this.data.currentText,
      tts: true, // 需要合成语音
      success: (resTrans)=>{
        // 翻译可以得到 翻译文本,翻译文本的合成语音,合成语音的过期时间
        let text = resTrans.result
        this.setData({
          translateText: text,
        })
        // 得到合成语音让它自动播放出来
        wx.playBackgroundAudio({
          dataUrl: resTrans.filename,
          title: '',
        })
      },
    })
  },
})

step 5:语音合成

plugin.translate得到的语音文件是有过期时间,可以download到本地,如果像面对面翻译一样需要存比较多历史记录的话,也可以选择过期之后调用plugin.textToSpeech再去重新合成一次

  plugin.textToSpeech({
    lang: 'zh_CN',
    content: '我想重新进行语音合成',
    success: resTrans => {
      // 可以重新得到语音合成文件和过期时间
    },
})

小程序开发者参考面对面翻译开源实现,只需要调用几个简单API,就可以完成一个包含有语音输入、语音合成、文本翻译的应用。

0门槛搞定! !

想尝试微信语音输入、微信翻译的小程序开发同学们,赶紧行动吧!

开发团队

微信翻译

微信翻译是微信AI团队于2017年推出的全新机器翻译引擎,基于业界最前沿的神经网络机器翻译技术研发。现阶段微信翻译支持英汉及汉英的翻译,在翻译质量上均达到业界领先水平。目前服务于微信对话翻译、朋友圈翻译,后续会陆续用于更多的场景,为亿级微信用户提供优质的翻译服务,实现无障碍的跨语言沟通体验。

微信智聆语音

微信智聆是微信AI团队基于深度学习理论自研的语音识别技术。从2013年开始,微信智聆就服务于广大的腾讯用户,在微信、QQ、游戏、搜索等数十个产品中得到广泛应用;经历了腾讯亿级用户的考验,是目前业界领先的通用语音识别技术。近两年随着技术不断提升,微信智聆也扩展出更多应用场景,联合腾讯翻译君推出会场同传服务,联合腾讯云推出电话客服质检服务、音频关键字检索服务、英文口语发音评估服务和面向远场环境的智能硬件语音平台小微,为个人和企业用户输出高质量的语音识别服务。微信智聆,助力用户出口成章。

原文发布于微信公众号 - 腾讯开源(tencentopen)

原文发表时间:2018-05-29

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏练小习的专栏

一个拖动鼠标写字的效果

按住鼠标左键不放,在页面中拖动即可写字 ; 同时按住ctrl和鼠标左键不放,在页面中拖动即可把字擦去 挺有意思的效果,大家共享哈。 <!DOCTYPE html...

1656
来自专栏知晓程序

小程序「最强广告位」来袭!这次的入口厉害了

早在半个月前,知晓程序(微信号 zxcx0101)就发现,微信开启了第一波「小程序搜索广告」的灰度测试。

511
来自专栏云市场·精选汇

小程序+公众号惺惺相惜 数据已互通

在当下这个互联网时代,网上购物已经成为常态,实体店生意一年比一年难做,微信已经相对领先其他社交软件了,在微信中相识相知相恋已经不在觉得稀奇,在微信中了解查看时事...

1292
来自专栏知晓程序

运营必入!这款小程序,帮你提前追好全年热点

1173
来自专栏知晓程序

微信新出的「功能直达」效果如何?我们采访了两家头部小程序

1405
来自专栏视频咖

这届IT人,各个都是斜杠青年

云点播视频剪辑功能基于 HTML5 技术架构,可以通过浏览器快速方便的对内容进行具体的编辑操作,并在操作完成视频剪辑功能可以对后台服务器上的内容及后发送后台转码...

801
来自专栏知晓程序

冲击传统搜索服务!微信上线「搜索直达」功能,百度你怎么看?| 微观

1102
来自专栏云市场·精选汇

微信小程序的主流推广方式有哪些?

小程序推广的方法有很多,但据我观察最有效的还是裂变推广,对于拥有小程序的商家而言,小程序裂变是必须要掌握的推广方法。

1842
来自专栏速成应用小程序开发平台

微信小程序和APP的区别是什么?小程序和独立app到底哪个好?

小程序从2017年初上线,取得的成就是有目共睹,目前一年狂揽6亿用户、3亿的日活、上线100万个……不需要下载、不需要安装,背靠微信10亿的日活跃用户,有观点认...

771
来自专栏全栈数据化营销

案例分享:SK-II双十一推广分析和总结

一年一度的双十一就在眼前,很多商家都在忙着做市场推广、产品策略、产品备货等推广举措,希望能够在双十一大卖。

931

扫码关注云+社区