uniapp小程序文字与语音互相转化

小程序文字与语音互相转化

插件名称：微信同声传译
插件使用
文字转语音功能
语音转文字
总结

插件名称：微信同声传译

微信同声传译由微信智聆语音团队、微信翻译团队与公众平台联合推出的同传开放接口，首期开放语音转文字、文本翻译、语音合成接口，为开发者赋能。

插件使用

微信公众平台 ，进行登录小程序；
在设置，第三方设置，插件管理，添加**微信同声传译插件官网**；
在uniapp中manifest.json，源码视图中添加下面代码；

"plugins" : {"WechatSI" : {"version" : "0.0.7","provider" : "wx069ba97219f66d90"}
}

下面就可以在页面中进行使用了；

文字转语音功能

先引入微信同声传译插件

var plugin = requirePlugin("WechatSI")

使用 textToSpeech() 来进行转换,注意这里返回的是mp3链接

let _this = this;
plugin.textToSpeech({lang: "zh_CN",tts: true,content: "这是内容",success: function(res) {_this.pay = trueconsole.log("succ tts", res)},fail: function(res) {console.log("fail tts", res)}
})

使用mp3进行自动播放,createInnerAudioContext创建innerAudioContext对象https://uniapp.dcloud.net.cn/api/media/audio-context.html点击查看innerAudioContext

let _this = this;
_this.innerAudioContext = uni.createInnerAudioContext();
_this.innerAudioContext.src = res.filename
_this.innerAudioContext.play()
_this.innerAudioContext.onPlay(() => {console.log('开始播放');
});
_this.innerAudioContext.onEnded(() => {console.log('播放结束');_this.pay = false
});

语音转文字

先引入微信同声传译插件

var plugin = requirePlugin("WechatSI")

获取全局唯一的语音识别管理器recordRecoManager,调用语音管理器的方法，onStart ，onStop ，onError ，onRecognize 来进行判断微信同声传译插件官网

let _this = this;
//获取全局唯一的语音识别管理器recordRecoManager
this.manager = plugin.getRecordRecognitionManager();
this.manager.onRecognize = function(res) {
console.log("current result", res.result)
}
this.manager.onError = function(res) {console.log("error msg", res)
}
this.manager.onStop = function(res) {console.log("record file path", res)console.log("result", res.result)
}
this.manager.onStart = function(res) {console.log("成功开始录音识别", res)
}

开启语音监听

// duration: 指定录音的时长，单位ms，最大为60000
// lang: 识别的语言，目前支持zh_CN en_US zh_HK
this.manager.start({duration:60000, lang: "zh_CN"})

结束语音,结束语音后，语音识别管理器会调用onStop 方法, 会把你说的话进行转化，这个方法接收一个回调函数，result：就是最终识别结果。

this.manager.stop()

总结

你可以把上面的功能封装为组件，进行传递参数，我是这么进行封转的，感谢您的浏览，有好的建议或方法咱们可以进行进行留言谢谢，都到这里了点一个关注在离开吧，以后每周都会固定更新一篇哦，想知道什么欢迎留言

uniapp小程序文字与语音互相转化相关推荐

微信小程序文字转语音并播放
深知像我这种小白对不懂得绝望,希望可以帮助到别人,本文步骤较为详细在微信小程序中,识别语音转文字或者文字转语音,可以使用官方自带的插件:微信同声传译插件使用方法: 第一步:首先登录微信公众平台,找 ...
uniapp小程序发布经验
一.概述 uniapp已经开发好了,有需求转为小程序发布,一般上转为微信小程序. 这里以微信小程序为例. 二.转化方法 1.打开HBuilder X开发工具: 2.打开uniapp代码: 3.点击菜单 ...
uni-app 小程序使用腾讯地图完成搜索功能
前言使用uni-app开发小程序时候使用腾讯地图原生SDK是,要把原生写法转成vue写法在这记录一下. 我们需要注意的是使用高德地图时我们不仅要引入SDK,还要再uni-app中配置允许使用. 由于 ...
微信小程序 - 文字收缩与展开
wxml 1 <view class='containers'> 2 <text class="content {{ellipsis?'ellipsis':'unellip ...
uniapp小程序迁移到TS
uniapp小程序迁移到TS 我一直在做的小程序就是山科小站也已经做了两年了,目前是用uniapp构建的,在这期间也重构好几次了,这次在鹅厂实习感觉受益良多,这又得来一次很大的重构,虽然小程序功能 ...
uni-app 小程序多图上传
uni-app 小程序多图上传: 官方提示说,App支持多文件上传,微信小程序只支持单文件上传,传多个文件需要反复调用本API.所以跨端的写法就是循环调用本API 步骤: //1.首先通过 uni.c ...
uniapp小程序开发设置系统状态栏高度、全屏背景图设置
效果: uniapp小程序开发设置系统状态栏高度/全屏背景图设置 <view class="login"><view class="status_bar ...
微信php echo换行,微信小程序文字显示换行问题
微信小程序文字显示换行问题小程序文字显示换行问题用户在上传图文时,输入换行符.导致我在拿到数据后JSON.parse的时候报错. 大概这样的结构: [{ text:'落魄前端在线炒粉!!!' ...
uni-app小程序分享
uni-app小程序分享(全局) 在common文件下share.js export default {data() {return {share: {// 转发的标题 (默认标题)title: '' ...

uniapp小程序文字与语音互相转化

小程序文字与语音互相转化

插件名称：微信同声传译

插件使用

文字转语音功能

语音转文字

总结

uniapp小程序文字与语音互相转化相关推荐

最新文章

热门文章

uniapp小程序文字与语音互相转化

小程序文字与语音互相转化

插件名称： 微信同声传译

插件使用

文字转语音功能

语音转文字

总结

uniapp小程序文字与语音互相转化相关推荐

最新文章

热门文章

插件名称：微信同声传译