uniapp开发微信小程序，使用微信同声传译插件，实现语音识别输入文本

第一步：现在微信小程序管理后台：“设置”-》“第三方设置”-》“插件管理”中添加插件。

但是这个地方，没有搜索到插件，就到微信服务市场去搜微信服务市场

搜索到以后添加到需要的小程序里面，然后返回管理中心查看，就可以看到了

第二步：在配置文件中引入插件

第三步：在需要使用的页面引入：

var plugin = requirePlugin("WechatSI")
let manager = plugin.getRecordRecognitionManager()

页面代码：

<button @touchstart="streamRecord" @touchend="endStreamRecord" form-type="submit" type="primary" class="fc-white">语音识别按钮</button>
<view> 语音识别内容：{{currentText}} </view>

js代码：

data中定义：data() {
           return {
               currentText:""
           }
       },

在methods中定义方法：

streamRecord: function(){
               console.log('=======开始====')
           manager.start({
           lang: 'zh_CN',
           })
           },
           endStreamRecord: function(){
               console.log('=======结束====')
               manager.stop()
           },
           initRecord: function(){
               //有新的识别内容返回，则会调用此事件
               manager.onRecognize = (res) => {
                 let text = res.result
                 this.currentText = text
               }
               // 识别结束事件
               manager.onStop = (res) => {
                 let text = res.result
                 if(text == '') {
                   console.log('没有说话')
                  return
                 }
                 this.currentText = text
               }
           },

在onLoad中调用初始化：

onLoad() {
this.initRecord()
},

然后就可以正常使用了。

uniapp开发微信小程序，使用微信同声传译插件，实现语音识别输入文本相关推荐

小程序=》添加同声传译插件，做简单的播放文本功能
一.进入小程序管理后台,菜单拉到最底下的"设置" 二.设置=>第三方设置=>插件管理=>添加插件,输入"微信同声传译"即可添加三.修改app ...
微信小程序“同声传译”插件（语音识别，语音合成）体验
本文原文:http://www.happycxz.com/m/?p=383 官方插件上线微信小程序"同声传译"插件介绍传送门遥知之改版原来使用的是我自己封装的API,现在改 ...
uni-app微信小程序开发，引入微信同声传译插件
以下操作我们均以语音合成为例一. 登录微信小程序管理后台添加微信同声传译插件: 正式开始使用微信同声传译小程序插件之前需先在微信公众平台 -> 第三方设置 -> 插件管理处添加插件,如下 ...
面对面翻译小程序是微信团队针对面对面沟通的场景开发的流式语音翻译小程序，通过微信同声传译插件提供了语音识别，文本翻译等功能。
面对面翻译小程序面对面翻译小程序是微信团队针对中英文面对面沟通的场景开发的流式语音翻译小程序,基于微信同声传译插件封装实现,提供了中英文语音识别,文本翻译等功能. 预览下载与使用克隆代码 pro ...
如何开发微信小程序？微信小程序有哪些特点？
目前,小程序因为其无需安装.无需下载的便捷性.易用性获得了越来越多用户的青睐,微信小程序基于微信庞大的用户基数,也成为越来越多商家开拓增值业务的优先选择.什么是小程序?以微信小程序为例,微信小程序便是 ...
微信开发上传视频到服务器,微信小程序中实现上传视频的开发代码
微信小程序中实现上传视频的开发代码,视频,接口,上传,代码,服务器微信小程序中实现上传视频的开发代码易采站长站,站长之家为您整理了微信小程序中实现上传视频的开发代码的相关内容. 本篇文章给大家带来 ...
视频教程-微信小程序全集-微信开发
微信小程序全集拥有丰富的开发经验,熟练掌握html5等相关技术. 杨春鹏 ¥800.00 立即订阅扫码下载「CSDN程序员学院APP」,1000+技术好课免费看 APP订阅课程,领取优惠,最少立减 ...
uniapp微信小程序支付券或商家券插件
小程序发券插件API https://pay.weixin.qq.com/wiki/doc/apiv3/apis/chapter9_3_1.shtml 注意:支持商户在小程序场景内,向指定用户发放指定 ...
【微信小程序】语音播报，文字转语音，使用《微信同声传译插件》
需要实现的功能是: 输入一段文字,由小程序读出来步骤如下: 一.小程序添加 "微信同声传译" 插件添加插件步骤看这篇博===>如何添加插件并配置二.代码编写 index ...
微信小程序（微信应用号）开发ide安装解决方法
微信小程序(微信应用号)开发ide安装解决方法参考文章: (1)微信小程序(微信应用号)开发ide安装解决方法 (2)https://www.cnblogs.com/muyixiaoguang/p/ ...

uniapp开发微信小程序，使用微信同声传译插件，实现语音识别输入文本

uniapp开发微信小程序，使用微信同声传译插件，实现语音识别输入文本相关推荐

最新文章

热门文章