微信小程序同声传译开发(语音识别、语音输入转文字)开发教程
微信同声传译插件是微信自研的语音输入,文本翻译等功能的插件封装,用于提供给第三方小程序调用。
1.小程序后台进行配置
在浏览器搜索微信公众平台,微信扫码登录小程序。点击设置->第三方设置->插件管理->添加插件。
添加成功后如图:
2.小程序端开发
截止到5月16日,微信同声传译版本是0.3.4。
2.1在小程序文件app.json中添加插件信息
"plugins": {
"WechatSI": {
"version": "0.3.4",
"provider": "wx069ba97219f66d99"
}
},
参照下图,注意和window同级!
2.2在util.js文件中添加如下代码:
//微信同声传译
var plugin = requirePlugin("WechatSI")
var innerAudioContext = wx.createInnerAudioContext();
innerAudioContext.onError((res) => {
// 播放音频失败的回调
})
function playTTS(text) {
//need to add WXAPP plug-in unit: WechatSI
plugin.textToSpeech({
lang: "zh_CN",
tts: true,
content: text,
success: function (res) {
log("succ tts", res.filename)
innerAudioContext.src = res.filename;
innerAudioContext.play()
},
fail: function (res) {
log("fail tts", res)
}
})
}
function stopTTS() {
innerAudioContext.stop();
}
module.exports = {
playTTS: playTTS,
stopTTS: stopTTS,
}
2.3在你调用同声传译的目录下,在.js文件中添加如下代码:
var plugin = requirePlugin("WechatSI")
let manager = plugin.getRecordRecognitionManager()
上面两行代码位置如下图:
在onload中添加代码:
var that = this;
manager.onRecognize = function (res) {
cons.log("current result", res.result)
}
manager.onStop = function (res) {
console.log('识别开始');
var result = res.result;
var s = result.indexOf('。') //找到第一次出现下划线的位置
result = result.substring(0,s) //取下划线前的字符
var searchType = that.data.searchType;
wx.showToast({
title: result,
})
}
manager.onError = function (res) {
console.log('manager.onError')
console.log(res) //报错信息打印
wx.showToast({
title: res.msg,
})
// UTIL.log("error msg", res.msg)
}
再继续添加方法:
//手指按下
touchdown_plugin: function () {
var _this = this
// UTIL.stopTTS();
manager.start({
duration: 30000,
lang: "zh_CN"
})
},
//手指松开
touchup_plugin: function (e) {
var searchType = e.currentTarget.dataset.type;
this.setData({
searchType: searchType,
background: "#ED6C00",
yysb:"长按语音识别"
});
manager.stop();
wx.showToast({
title: '正在识别……',
icon: 'loading',
duration: 2000
})
},
最后在xml文件中增加上面两个按下、放开方法绑定即可
至此同声传译开发完成。希望能够帮助到各位小伙伴,如果有什么不明白,可以下方留言!
微信小程序同声传译开发(语音识别、语音输入转文字)开发教程相关推荐
- 微信小程序“同声传译”插件(语音识别,语音合成)体验
本文原文:http://www.happycxz.com/m/?p=383 官方插件上线 微信小程序"同声传译"插件介绍 传送门 遥知之改版 原来使用的是我自己封装的API,现在改 ...
- 微信小程序同声传译使用总结
最近在做项目中需要使用录音转文字,之前用微信SDK可以直接使用wx.translateVoice({}),但是小程序中没有提供此类方法,没办法只能查资料解决了,看了好多大多是保存当前录音文件掉讯飞接口 ...
- 微信小程序使用同声传译实现语音识别功能
微信小程序使用同声传译实现语音识别功能 我使用同声传译语音识别功能是为了实现微信小程序首页的语音搜索功能,如果你也是那么恭喜你,你可以ctrl+c.ctrl+v再改一改,如果你不是那么你也不要着急的走 ...
- (保姆教程及高级玩法及坑)微信同声传译插件-语音识别
目录 一.背景 二.效果 编辑 三.保姆级教程 3.1 小程序后台添加插件:微信同声传译 3.1.1 设置 -> 第三方设置 -> 添加插件 3.1.2 搜索插件 3.1.3 成功添加后 ...
- 微信小程序上传阿里云视频文件流程及代码
为了微信小程序客服端实现自拍视频能够分享给多个好友,我们需要把小程序自拍的视频存储到服务器,而阿里云在性能和速度上比较不错,所以我们选择了阿里云作服务器. 第一步.微信小程序项目创建 1. 到http ...
- 微信小程序上传后 进行性手机扫码阅览 发现白屏的解决
目录 问题: 微信小程序上传后 进行性手机扫码阅览 发现白屏的解决 1.上传时没有勾选保护 2.请求的域名没有配置 问题: 微信小程序上传后 进行性手机扫码阅览 发现白屏的解决 1.上传时没有勾选保护 ...
- 微信小程序(应用号)实战课程之记账软件开发
http://git.oschina.net/dotton/finance [2016-10-12] 更新 缘起:昨天官方开发有了更新v0.10.101100,Picker的mode属性已经支持dat ...
- 微信小程序上传文件组件
微信小程序上传文件 一.说明 该拍照组件带有微信授权相机功能,会结合后端接口,将上传的图片以数组集合的形式传值给父级页面. 注意:组件适用于,单独上传图片,不携带参数,结合后端接口返回路径之后,再调用 ...
- 微信小程序使用讯飞接口语音识别
之前看过网上其他几位使用讯飞的接口来做微信小程序的.在自己实际跟着别人的博客做的时候,却又会遇到一些问题.所以在此对使用讯飞接口做一个总结.这里我是用WebAPI来做. 1. 申请科大讯飞的接口 科大 ...
最新文章
- 中key的用途_Micro Focus Operations Bridge Manager中的多个(RCE)漏洞
- ViewPager -- Fragment 切换卡顿 性能优化
- Centos7 编译安装 Nginx、MariaDB、PHP
- Docker 制作镜像-redis
- SQL Server 的通用分页显示存储过程
- [react] 在React中什么时候使用箭头函数更方便呢?
- Taro+react开发(68):页面数据太长不走url走localstorage
- 经常使用的 WEB server
- Pytest跳过执行之@pytest.mark.skip()详解大全
- SpringFramework核心技术一(IOC:命名bean)
- node + ts读取csv文件为二维数组
- Ubuntu 主题美化
- 软件工程之软件概要设计
- 我国计算机辅助翻译专业,我国翻译硕士专业之计算机辅助翻译课程调查.pdf
- (Python编程)稳定的copra算法(copra-ep)
- SQL server2019导入Access 2016数据失败解决方法
- 苹果手表计算机功能键,认识Mac的功能键,最值得你记住的苹果电脑快捷键列表...
- 转载_Linux下Bluetooth编程
- mouseenter事件java_javaScript事件(五)事件类型之鼠标事件
- GVRP和VTP的比较与区别