12-11锦上添花Flutter AI只能语音搜索功能实现

Posted wangjunwei

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了12-11锦上添花Flutter AI只能语音搜索功能实现相关的知识,希望对你有一定的参考价值。

现在只欠调用我们的plugin完成语音识别。以及跳转到搜索页面,把识别的结果带过去。完成一个语音搜索的功能
技术图片

定义语音识别的结果的变量
技术图片
判断识别的结果如果不为空那么就设置识别结果的变量。
技术图片

彩蛋

页面跳转,并把识别的结果带过去,首先要关闭当前页面。
彩蛋:一定要关闭当前页面,才能进行跳转。不然你会看到无法跳转这样的一个结果。
技术图片
打印识别的结果
技术图片
停止识别的调用
技术图片

在模拟器上是无法识别我们的语音的。这是ios的模拟器导致的
技术图片
安卓模拟器下测试
技术图片
点击按钮后,说话。
技术图片
并没有返回语音识别的结果。日志报错
技术图片
安卓端抛出了错误。
技术图片
这里我们打印出具体的异常信息。
技术图片

调试安卓端代码

用安卓Studio打开我们的代码
技术图片
技术图片

技术图片
在这里我们加一个断点
技术图片
点击这个按钮,让我们的android Stuido关联到debug进程。
技术图片

技术图片
点击按钮会进去到断点上去。
技术图片
进入到start这个方法
技术图片

进入方法后,再一步一步的走。
技术图片

技术图片
这里是一个关键性的错误,
技术图片
加一个叹号。非
技术图片

重新运行项目

技术图片
说上海,自动跳转把文字带过来了
技术图片
跳过去之后,并没有触发搜索页面的搜索。这个问题就出在dart端的搜索页面

打开搜索页面

这里接受的keyword
技术图片
接收到keyword以后,我们还需要关键的一步,在我们的页面初始化的时候。
技术图片
再次测试
技术图片
再说一个长城
技术图片

回顾

解决了一个bug
active不等于空,并且没有被关闭的时候。
技术图片
获取到语音识别的结果后,搜索页面要根据关键字进行搜索。
技术图片
 

结束

 

以上是关于12-11锦上添花Flutter AI只能语音搜索功能实现的主要内容,如果未能解决你的问题,请参考以下文章

AI语音识别-我给浏览器加了个语音搜索功能

12-9收货果实Futter AI只能语音界面开发-1

12-10收货果实Futter AI只能语音界面开发-2

达摩院技术创新全景|懂你的语音AI

Bixby的AI语音,能否推进人机交互进程?

如何用python调用百度语音识别