uni-app系列(十五):uni-app使用讯飞语音开启App端语音转文字

📖摘要


今天分享下 —— uni-app 系列(十五):uni-app uni-app使用讯飞语音开启App端语音转文字 的一些基本知识,欢迎关注!

欢迎阅读,总结系列:野蛮生长的 uni-app 学习之路

相关文章:uni-app系列(十三):uni-app运行环境判断


🌂开启讯飞语音识别

1、进入项目根目录下的 manifest.json 文件,打开 App模块配置,找到 speech 勾选 讯飞语音识别,如下图所示:

在这里插入图片描述

2、页面使用–讯飞语音识别

通过 button@click="voiceXunFei" 触发

 @click="voiceXunFei"

js 如下:(仅支持App端所以代码如下写,下一篇:uniapp项目如何开启真机调试)

// 调用讯飞语音识别
			voiceXunFei() {
				let vm = this;
				let options = {};
				//#ifdef APP-PLUS || APP-PLUS-NVUE
				options.engine = 'iFly';
				options.punctuation = false; // 是否需要标点符号 
				options.timeout = 10 * 1000;
				plus.speech.startRecognize(options, function(s) {
					vm.searchText = vm.searchText + s;
					console.log(vm.searchText) //拿到语音识别的结果
					//下面是逻辑  
					vm.searchValue = s;
				
					vm.searchText = ""
					plus.speech.stopRecognize();
				});
				//#endif
				// #ifdef H5
				    alert("只有h5平台才有alert方法")
				// #endif
			}

3、注意,浏览器调试不可用,会报错
普通浏览器里没有 plus 环境,只有 HBuilder 真机运行和打包后才能运行 plus api
在普通浏览器里运行时 plus api 时控制台必然会输出 plus is not defined 错误提示。

在这里插入图片描述
4、关于真机运行请看我的下一篇文章,效果如下图:
在这里插入图片描述

最后感谢大家耐心观看完毕,留个点赞收藏是您对我最大的鼓励!


🎉最后

  • 更多参考精彩博文请看这里:《陈永佳的博客》

  • 喜欢博主的小伙伴可以加个关注、点个赞哦,持续更新嘿嘿!

  • 4
    点赞
  • 9
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

陈永佳

你的鼓励将是我创作的最大动力!

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值