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

导读:本篇文章讲解 uni-app系列(十五):uni-app使用讯飞语音开启App端语音转文字,希望对大家有帮助,欢迎收藏,转发!站点地址:www.bmabk.com

📖摘要


今天分享下 —— 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、关于真机运行请看我的下一篇文章,效果如下图:
在这里插入图片描述

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


🎉最后

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

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

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

文章由极客之音整理,本文链接:https://www.bmabk.com/index.php/post/97373.html

(0)
小半的头像小半

相关推荐

极客之音——专业性很强的中文编程技术网站,欢迎收藏到浏览器,订阅我们!