上期,我们在《「医院 LBS 位置服务」插件:输出LBS室内位置能力,为改善就医服务提供解决方案》一文中介绍了「医院 LBS 位置服务」小程序插件的意义、使用场景以及使用方法。

今天我们为大家推荐的插件是「微信同声传译」,如果你想在小程序中拥有快速实现语音转文字、文本翻译、语音合成等能力,那么「微信同声传译插件」是你的不二选择。接下来,我们将从使用场景到使用方法,为你作出详细的介绍。

「微信同声传译」插件能做什么?

今天我们说到的「微信同声传译」插件,是由微信智聆语音团队、微信翻译团队与公众平台联合推出的同传开放接口,可通过语音转文字、文本翻译、语音合成接口,为开发者赋能。值得一提的是,在原有功能的基础上,插件还新增了对粤语语音识别的支持

通过这个插件,插件使用者可以轻松实现语音读取识别、文本转语音和中英文文本转换,避免这类需求的重复开发工作。

小程序「面对面翻译」便使用了插件中的接口能力,并将其开源以帮助开发者快速开发,有兴趣的读者可以体验小程序 ?

「面对面翻译」小程序码

「微信同声传译」插件的使用场景

场景一:英语口语、听力双管齐下,没有外教也能学好英语!

把「微信同声传译」插件放在小程序里,既可以将口语转为文字,也可以帮助用户判断发音是否标准纯正,是最佳听众和英语学习道路上的良师益友。

场景二:出国旅游,英语蹩脚怎么办?

这时可以把「微信同声传译」插件应用到翻译小程序里,说中文,译英文,再也不怕出国交流难。

场景三:看剧时想要吐槽!可是手里有零食,打字不方便怎么办?

只要在小程序里有「微信同声传译」插件,用户就可以按住按钮说话,语音转文字,发送弹幕!

如何接入「微信同声传译」插件?

「微信同声传译」的功能强大,使用起来却十分简单:

一、添加插件

1.申请使用插件。在「小程序管理后台 - 设置 - 第三方服务 - 插件管理」中查找插件名称「微信同声传译」(目前最新版本:0.2.2,appid:wx069ba97219f66d99),并申请使用。

2.引入插件代码后修改配置文件 JSON:

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

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

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

二、语音输入

如果你希望做到的效果是按住某个按钮,开始识别语音,松开按钮就结束识别,那你需要进行以下步骤的操作。

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

三、绑定录音回调事件

<view>语音识别内容:{{currentText}}view>
// page.jsPage({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()}
})

四、文本翻译

<view>翻译结果:{{translateText}}view>
// page.jsPage({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: '',})},})},
})

五、语音合成

plugin.translate 得到的语音文件具有过期时间,可以下载到本地使用。

如果像「面对面翻译」小程序一样需要存比较多历史记录的话,也可以选择过期之后调用 plugin.textToSpeech 接口再去重新合成一次。

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

如果你想了解更多「微信同声传译」插件详情,欢迎访问开发者社区插件版块相应页面(建议电脑访问):

?https://mp.weixin.qq.com/wxop...

手机端用户也可以扫码访问 ?

内容来自:微信开放社区《小程序·小故事》栏目
原作者:谢滔、黄嘉敏
任何问题,欢迎前往微信开放社区:https://developers.weixin.qq.com

了解更多小程序开发相关内容,欢迎微信扫描下方二维码关注微信极客WeGeek公众号,共筑微信生态。

「微信同声传译」小程序插件:快速实现语音转文字、文本翻译、语音合成等能力...相关推荐

  1. 「微信同声传译」小程序插件

    上期,我们在<「医院 LBS 位置服务」小程序插件>一文中介绍了「医院 LBS 位置服务」小程序插件的意义.使用场景以及使用方法. 今天我们为大家推荐的插件是「微信同声传译」,如果你想在小 ...

  2. 微信小程序的语音输入功能开发:微信同声传译插件

    微信小程序的语音输入,语音转文字功能在很多场景要使用到 比如搜索框,搜索关键字的时候用语音输入比用文字方便多了 再比如再天下网吧小程序里发帖,发布回复时,用语音输入比输入文字也方便不少 那么如何实现语 ...

  3. 微信小程序 -- 获取语音,并将语音转为文字(插件:微信同声传译)

    实现的功能是获取语音,并将语音转为文字,实现效果如下:               1. 小程序后台添加插件:微信同声传译 登录小程序后台:https://mp.weixin.qq.com 11. 设 ...

  4. 「极点日历」小程序插件

    上期,我们在<「wxParser」小程序插件>一文中介绍了知晓云团队出品的「wxParser」小程序插件,对其意义.作用以及应用作出了说明.而在此之前,我们还介绍过「腾讯地图」.「腾讯视频 ...

  5. 【微信小程序】语音播报,文字转语音,使用《微信同声传译插件》

    需要实现的功能是: 输入一段文字,由小程序读出来 步骤如下: 一.小程序添加 "微信同声传译" 插件 添加插件步骤看这篇博===>如何添加插件并配置 二.代码编写 index ...

  6. 小程序之定位语音识别=>插件:微信同声传译

    说明:文章部分内容及图片出自网络,如有侵权请与我本人联系(主页有公众号:小攻城狮学前端) 作者:小只前端攻城狮. 主页:小只前端攻城狮的主页. 首发:掘金 GitHub:P-J27. CSDN:PJ想 ...

  7. 微信小程序 -- 语音合成:将文字转为语音(插件:微信同声传译)

    直接上手吧. 1. 小程序后台添加插件:微信同声传译以及在app.json进行配置 具体可看另外一篇博客:https://blog.csdn.net/qq_41638795/article/detai ...

  8. 微信小程序 -语音合成:将文字转为语音(小程序插件:微信同声传译)

    1.小程序后台添加微信同声传译插件 效果图: 2.wxml文件代码 <view class="yuyinWrap"><textarea class='yuyinC ...

  9. 微信小程序语音识别、语音合成(微信同声传译)使用代码实例

    最近在开发一款"单词大作战"的微信小程序,想增加语音识别.语音合成这2个功能.(让用户能听到单词的读音,并对比自己读音是否标准正确). 查了一下资料,大概有几种方式:用百度翻译(需 ...

最新文章

  1. IJCAI 2020开幕,杰出论文奖、卓越研究奖、约翰·麦卡锡奖等8项大奖公布 | AI日报...
  2. 判断 多选框是否有选择 适用于批量操作
  3. java Junit 为什么@Test注解里的方法必须是public void修饰的
  4. android activity启动流程_Activity 启动流程(二)
  5. python总结字典集合列表_python 列表,元组,字典,集合,字符串相互转换
  6. 正则语言和正则表达式_探索正则表达式背后的语言学
  7. linux虚拟用户登录失败,用shell用户或虚拟用户登录pureftpd
  8. 云盘行业的“冰与火”
  9. IDEA(或Android Studio)切换Git分支时弹出Git Checkout Problem
  10. 现代黑科技版“指鹿为马:使用CycleGAN实现男女“无痛变性”
  11. 玩转Reactjs第三篇-组件(模式stateprops)
  12. 通过 blast 结果查看 测序数据fastq是否被污染,以及污染reads所属物种、所占比例
  13. STM32开发笔记112:ADS1258驱动设计——读寄存器
  14. 一个人开发手游有多难
  15. 故事篇:终于给老婆讲明白什么是logback了
  16. 毕业设计(源代码+论文+PPT)
  17. Java常用框架学习
  18. 百分制转换为等级制(Centesimal-grade to Letter-grade)利⽤switch语句编写⼀个程序,把⽤数字表示的成绩转化为字⺟表示的等级。
  19. 调用第三方接口开据发票
  20. FckEditor配置手册中文教程详细说明 .

热门文章

  1. QT实现一个简单计算器
  2. Mac – m1安装RDM – Redis桌面管理 – RedisDesktopManager – Redis可视化
  3. 智慧监所三维可视化决策系统平台(数字孪生)-解决方案开发案例
  4. 微信小程序:2022全新超火超热门模板的姓氏头像制作生成微信小程序
  5. 2021年江西省安全员C证考试题及江西省安全员C证免费试题
  6. arm64内核内存布局-vmemmap笔记
  7. 基于Springboot微信点餐系统的开发与实现
  8. 【STM32CubeMX】NRF24L01模块实现“1对1“及“1对多“无线通信
  9. AlphaGo 的算法和技术分析
  10. Mysql 后台日志写shell(root权限)