个人作品网站,wordpress添加富强,wordpress阿里图标库,一家专门做动漫的网站组件下载
还是最近的需求#xff0c;页面表单输入元素过多#xff0c;需要实现语音识别来由用户通过朗读的方式向表单中填写数据#xff0c;尽量快的、高效的完成表单数据采集及输入。 国内科大讯飞在语音识别方面的建树还是有目共睹#xff0c;于是还是选择了科大讯飞的平…组件下载
还是最近的需求页面表单输入元素过多需要实现语音识别来由用户通过朗读的方式向表单中填写数据尽量快的、高效的完成表单数据采集及输入。 国内科大讯飞在语音识别方面的建树还是有目共睹于是还是选择了科大讯飞的平台。
去其官方网站注册账号后打开控制台-讯飞开放平台 开始语音听写功能按照如下的方式将功能集成到你的项目中此实现是借助官方js的实现进行VUE.JS的封装实现其官方没有对应的实现SDK通过不懈努力将其封装完毕供有使用的同学参考集成。 下载源码包
源码实现 直接点击下载即可。下载完成解压后尽量不要修改项目的目录结构。拖到你的项目中。 打开index文件配置相关信息APPID、APISecret、APIKey 至此组件信息配置完毕
现在在页面中使用
1、引入组件
import speech2text from /views/components/speechToText/iat/index
2、注册组件及相应的变量、回调方法
export default {name: ,data() {return {//语音识别audioWorking: false};},components: {speech2text},created() {},mounted() {},methods: {toAudioRecognise() {this.audioWorking true},audioChanged(e){let r e.result}}
};
/script
3、使用组件
templatediv classpy-20 h-100 container-bg :class[!noPadding ? px-20 : px-10] v-loadingshowSelfLoadingdiv classflex-row clicktoAudioRecogniseel-image classaudio-icon :srcrequire(/assets/images/audioRec.png) /el-image/divspeech2text v-ifaudioWorking closeaudioWorkingfalse changedaudioChanged/speech2text/div
/template完毕睡觉。
