Day20 - 语言识别系统中文指南
作者:©Mrlin(史密斯林)
简介:学习记录,用于记录在CSDN课程中的学习内容。
课程:30天完成30个JS原生开发项目挑战视频教程。JavaScript30 是 Wes Bos 推出的一个 30 天挑战。项目免费提供了 30 个视频教程、30 个挑战的起始文档和 30 个挑战解决方案源代码。目的是帮助人们用纯 JavaScript 来写东西,不借助框架和库,也不使用编译器和引用。
运行项目
1 | $ npm install |
浏览器打开http://localhost:3000/index-FINISHED.html
效果图如下:
程序源码
HTML代码
1 | <!DOCTYPE html> |
JS代码
1 | <script> |
JS实现思路
- 新建一个语音识别的对象
- 开启该语音识别对象的识别服务
- 监听
result
事件,实时获取语音输入内容 - 监听
end
事件,当结束时再次开启语音识别,使其持续监听
JS源码解析
其中监听
result
事件,根据事件返回值获取到语音输入的内容
可以看到transcript
中保存的是语音输入的内容。其中可以看到还有一个属性为confidence
,代表这段话是别的精度,越大正确率越高。
-SpeechRecognition
属性
1 | <!--新建语音识别的对象--> |
第20天的内容就到这里,主要学习SpeechRecognition
相关属性的使用。