微信小程序将语音输入转化成文字

微信同声传译

微信同声传译插件是微信自研的语音输入，文本翻译等功能的插件封装，用于提供给第三方小程序调用。
官网地址：微信小程序同声转译

1.先在 app.json 里面进行配置

在与 pages tabbar 同一级的目录下进行配置：

"plugins": {"WechatSI": {"version": "0.3.4","provider": "wx069ba97219f66d99"}
}

2.查看用户是否授权录音

// 用户是否授权录音
async handleRecord(){let scoped = await getSetting("scope.record");let scopedRecord = await scoped.authSetting('scpoe.record');if(scopedRecord === undefined){await authorize("scpoe.record")}if(scopedRecord === false){await openSetting();}if(scopedRecord === true){// 跳转到录音转换界面wx:navigateTo({url: "/pages/record/index"})}
}

3.录音

/* index.js */
// 同声传译
var plugin = requirePlugin("WechatSI");
let manager = plugin.getRecordRecognitionManager();
data: {recordText: "",isTouch: false,isLoading: false
},
// 标志位
lock: false;
// 初始化 这个插件
initTran(){let that = this;// 有新的识别内容返回，则会调用此事件manager.onRecognize = function(res) {console.log(res.result);// 标志位that.lock = false;let text = res.result;that.setData({recordText: text,isLoading: false})}// 识别结束事件manager.onStop = function(res) {console.log(res.result)// 标志位that.lock = false;wx.vibrateShort({success: () => {},fail: () => {},complete: () => {},})let text = res.result;that.setData({recordText: text,isLoading: false})// 如果用户没有说话就提示一下if (res.result === "") {wx.showToast({title: '您没有说话',icon: 'none'});return;}}
},
// 按钮的长按事件
async streamRecord(){// 标志位this.lock = true;if(this.lock){// 开始识别manager.start({ lang: ""zh_CN });// 微信震动wx.vibrateShort({success(){},fail(){},})let isTouch = true;this.setData({isTouch})}
},
// 松开了
endStreamRecord() {if (this.lock) {// 关闭语音manager.stop();let isTouch = false;this.setData({isTouch,isLoading: true})}},
// 页面加载的生命周期函数
onLoad(){this.initTran();
}

下面是 .wxml 文件

<view class="text" wx:if="{{isLoading === true}}">正在玩命识别中...</view>
<view class="text" wx:else>{{isTouch === true ? "我正在听..." : recordText}}</view><view class="touch" bindlongpress="streamRecord"  catchtouchend="endStreamRecord"><view class="touchText">请按住后说话</view>
</view>

录音界面的截图

微信小程序将语音输入转化成文字相关推荐

微信小程序js把数字转化成字母
微信小程序 js 把数字转化成字母微信小程序 js 把数字转化成字母 for (let i = 0; i < 26; i++) {list[i] = {};list[i].name = Str ...
微信小程序的语音输入功能开发：微信同声传译插件
微信小程序的语音输入,语音转文字功能在很多场景要使用到比如搜索框,搜索关键字的时候用语音输入比用文字方便多了再比如再天下网吧小程序里发帖,发布回复时,用语音输入比输入文字也方便不少那么如何实现语 ...
python语音输入转化成文字_利用百度语音识别接口将语音转换成文字教程
importbase64importjsonimportosimporttimeimportshutilimportrequestsclassBaiduVoiceToTxt():#初始化函数 def ...
微信小程序获取input输入的值
微信小程序获取input输入的值 view <view><text>姓名:</text><input type='text' name="user ...
微信小程序好看的输入信息界面——发送验证码倒计时
微信小程序好看的输入信息界面简介输入个人信息界面,录入个人信息等都可以使用到这个界面: 1.输入信息的布局界面 2.选择大陆还是港澳台的手机号码 3.输入手机号码, 4.获取验证码的60S倒计时, ...
小程序如何把时间戳转化成具体的时间
文章目录小程序如何把时间戳转化成具体的时间 1.time.js 2.将查到的数据转化成具体的时间 3.代码实现 4.分析 5.总结小程序如何把时间戳转化成具体的时间 1.time.js 我们首先要 ...
微信小程序 maxlength ios输入拼音也会被限制
项目场景: 需要限制输入字数长度,直接使用了 maxlength ,但是在苹果系统中发现存在问题问题描述: 微信小程序 maxlength ios输入拼音时也会被限制解决方案: 不使用 maxle ...
微信小程序：简洁UI好玩的文字转换emoji表情
这是一款好玩的文字转换emoji的一款小程序支持自定义文字输入,支持随机切换,支持句子转换用emoji来做暗语啥的是不是很刺激,反正至于怎么玩就看各位的脑洞了这款小程序安装方法简单,无需服务器域 ...
微信小程序----实现语音的录制，并将语音转为文字
最近在开发微信小程序,遇到一个需求,实现类似于微信发送语音的效果,但是我这个是发送语音后直接转为文字展示. 先说微信小程序的textarea 0/200. 是限制用户输入的最长长度 0这个位置首先是 ...

微信小程序将语音输入转化成文字

微信同声传译

1.先在 app.json 里面进行配置

2.查看用户是否授权录音

3.录音

微信小程序将语音输入转化成文字相关推荐

最新文章

热门文章