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

现在只欠调用我们的plugin完成语音识别。以及跳转到搜索页面,把识别的结果带过去。完成一个语音搜索的功能
12-11【锦上添花】Flutter AI只能语音搜索功能实现_第1张图片

定义语音识别的结果的变量
12-11【锦上添花】Flutter AI只能语音搜索功能实现_第2张图片
判断识别的结果如果不为空那么就设置识别结果的变量。
12-11【锦上添花】Flutter AI只能语音搜索功能实现_第3张图片

彩蛋

页面跳转,并把识别的结果带过去,首先要关闭当前页面。
彩蛋:一定要关闭当前页面,才能进行跳转。不然你会看到无法跳转这样的一个结果。
12-11【锦上添花】Flutter AI只能语音搜索功能实现_第4张图片
打印识别的结果
12-11【锦上添花】Flutter AI只能语音搜索功能实现_第5张图片
停止识别的调用
12-11【锦上添花】Flutter AI只能语音搜索功能实现_第6张图片

在模拟器上是无法识别我们的语音的。这是IOS的模拟器导致的
12-11【锦上添花】Flutter AI只能语音搜索功能实现_第7张图片
安卓模拟器下测试
12-11【锦上添花】Flutter AI只能语音搜索功能实现_第8张图片
点击按钮后,说话。
12-11【锦上添花】Flutter AI只能语音搜索功能实现_第9张图片
并没有返回语音识别的结果。日志报错
12-11【锦上添花】Flutter AI只能语音搜索功能实现_第10张图片
安卓端抛出了错误。
12-11【锦上添花】Flutter AI只能语音搜索功能实现_第11张图片
这里我们打印出具体的异常信息。
12-11【锦上添花】Flutter AI只能语音搜索功能实现_第12张图片

调试安卓端代码

用安卓Studio打开我们的代码
12-11【锦上添花】Flutter AI只能语音搜索功能实现_第13张图片
12-11【锦上添花】Flutter AI只能语音搜索功能实现_第14张图片

12-11【锦上添花】Flutter AI只能语音搜索功能实现_第15张图片
在这里我们加一个断点
12-11【锦上添花】Flutter AI只能语音搜索功能实现_第16张图片
点击这个按钮,让我们的Android Stuido关联到debug进程。
12-11【锦上添花】Flutter AI只能语音搜索功能实现_第17张图片

12-11【锦上添花】Flutter AI只能语音搜索功能实现_第18张图片
点击按钮会进去到断点上去。
12-11【锦上添花】Flutter AI只能语音搜索功能实现_第19张图片
进入到start这个方法
12-11【锦上添花】Flutter AI只能语音搜索功能实现_第20张图片

进入方法后,再一步一步的走。
12-11【锦上添花】Flutter AI只能语音搜索功能实现_第21张图片

12-11【锦上添花】Flutter AI只能语音搜索功能实现_第22张图片
这里是一个关键性的错误,
12-11【锦上添花】Flutter AI只能语音搜索功能实现_第23张图片
加一个叹号。非
12-11【锦上添花】Flutter AI只能语音搜索功能实现_第24张图片

重新运行项目

12-11【锦上添花】Flutter AI只能语音搜索功能实现_第25张图片
说上海,自动跳转把文字带过来了
12-11【锦上添花】Flutter AI只能语音搜索功能实现_第26张图片
跳过去之后,并没有触发搜索页面的搜索。这个问题就出在dart端的搜索页面

打开搜索页面

这里接受的keyword
12-11【锦上添花】Flutter AI只能语音搜索功能实现_第27张图片
接收到keyword以后,我们还需要关键的一步,在我们的页面初始化的时候。
12-11【锦上添花】Flutter AI只能语音搜索功能实现_第28张图片
再次测试
12-11【锦上添花】Flutter AI只能语音搜索功能实现_第29张图片
再说一个长城
12-11【锦上添花】Flutter AI只能语音搜索功能实现_第30张图片

回顾

解决了一个bug
active不等于空,并且没有被关闭的时候。
12-11【锦上添花】Flutter AI只能语音搜索功能实现_第31张图片
获取到语音识别的结果后,搜索页面要根据关键字进行搜索。
12-11【锦上添花】Flutter AI只能语音搜索功能实现_第32张图片
 

结束

 

你可能感兴趣的:(12-11【锦上添花】Flutter AI只能语音搜索功能实现)