00:01
哈喽,小伙伴们大家好,呃,我是在马哈士奇。那这个视频呢,我们来进行。呃,就是我们的实战项目一,就是重构我们的那个。百度,呃,百度ASDK那个结合的小程序啊,就是我之前写过一个,但是那个写的太垃圾了啊,呃,也不是用的那个云开发,那这次我们就用云开发,就是来重构一下这个。呃,小程序啊。就是我们目前只是整合图像识别这一块,语音识别,如果啊这个视频时间够的话,我就那个也给大家写出来一个啊嗯,先开始呢,新建一个项目啊。叫这个。百度。嗯,AI就写个百度AI吧,百度AI,然后这个我创建了一个默认默认模板哈,就用unlo。然后这里呢,呃,由于我之前也创建过服务空间啊,我好像用之前的那个服务空间的,嗯,不然浪费了嘛,我记得是零五。
01:08
呃,我看一下是。是哪一个?我先看一下是哪一个。应该是0512的哈,应该是0512,那我就用0512的啊,无所谓了,就有0512。那好,那我们先不着急启动啊,我们要装一些东西啊。啊,首先呢。呃,我要整合UV哈。大家可以看这个网址,也可以百度去搜,我们找到这个组件里边哈,这有一个配置。下载方式安装的配置哈。你这个你可以忽略这个那个HX里面是有的哈。嗯,好,我们按照他的这个步骤来哈,首先呢,我们肯定要这个安装对吧。
02:01
哎。好像这个要不然改了哈。按这里它,呃,如果你不会安装的话,你可以去这个,呃,这个资源里面有一个空白的脚水架项目,你可以直接拿走用啊,真的是空白的哈。好,我们我们来看啊,嗯,找一找啊这个。看到这个这是NPM安装啊,我们这里通过NPM引入啊,嗯,那好,我们这里呢,在使用命令行窗口打开存在目录。呃,同样的,我也讲过这个,如果你自己安装它会出问题的,大家来看一下。这,他这里是没有这个什么,呃,PI杰,Son,那我们要怎么做呢?如果他其实这样,而是要这样了。嗯,创建一个对吧,好,这里就已经创建好了,我们再再执行。
03:01
那可以看到我们这里这个已经就是改好了,对吧,那好我们可以把它给关掉了啊。那把这个步骤我们一步一步的来哈,呃,我们要什么配置对吧,配置。不好意思,下载APP是NPM方式安装的配置啊,不好意思,这个里边也也讲了,就是如何安装啊,然后我们引入啊引入呃,他他告诉我们在慢S里面引入对吧,引入这个玩意儿,那我们也引引入了,保存一下CTRLS啊保存,然后在这个。用呃,它在SCS里面引入这个好,这样我们也引入了。艾,步骤呢,引入它基础项式。这个可以直接复制啊,因为我们是新项目,这个里面是啥都没有的啊,看到没有,我们可以直接直接复制进来。啊,是那个,呃,It。把它也复制,把这个东西好也复制一下,在那个配里面。
04:03
这次的啊,我们可以看到这里啊,我们复制进来,按下CTRLKCTRLK是代码格式化,反正这里我们就已经配置完毕了哈,按步骤配置完毕了,那这里我们先运行到浏览器吧,运行到浏览器。好,这里我们就是已经成功的这个运行到浏览器了哈。呃,我们需要什么呢?我们需要一个那个。首先我们我们需要就是选择不同的识别,比如说我要进行这个。呃,图像动物识别,我要进行那个。
05:01
呃,植物识别啊啥的对吧,那这里呢,我们采用这个宫格啊,啊,这我找一找它这里面有个宫格图,我们来搜索哈。宫格宫格布局你看啊,这东西啊,我可以直接直接直接给复制走哈。这个玩意直接复制走。好呃,我我们首先呢,在哪里呢?在哪里复制呢?啊,找到我们这个in d就是in d.voe啊,找到这里面。啊,首先我们把这个他默认的样式给之前那个写的样式,官方我把给删掉啊。啊,这里我们可以看到这里已经是这个样子了,对吧,我们可以再来几个。你这个宫格布局,如果你要想要这样的哈,他那个,呃,你可以去他那个,我之前下过一个他的那个UI模板。同样的,我们把这个也也给它运用到浏览器里面。
06:05
教大家如何去把官方这个玩意直接给直接就是效果给他拿走用啊。宫格还有左右滑动的这个。可滑动。是不是显示边框。至于怎么显示变化,你看我们这底下也可以看到哈,这底下是有参数的哈。我们可以把这个参数给复制进来,我们给它那个边框给开启一下。我们来看一下效果啊,好像并没有任何变动啊。这是那个我们我们看的那个。
07:00
呃,有没有这个。模板啊,然后我们我们刚才那个不是宫格嘛,如果我们想直接用它那个东西的话,我们可以直接找到这个,呃,空格,空格布局呢。做到这个公告布局。可以看到有这个样式是吧。其实它这个边框好像在这个浏览器里面也是不咋显示的哈,那说明我这边这个也是有边框,可能是不显示的,那如果我们想直接拿到这个用怎么用呢?可以看到这个。Page这个里面路径哈,我们可以找哈,Page这呃C哈。Common seat里面有一个宫格布局对吧?啊。就是刚才那个我们看到页面了,如果你想直接拿走用的话,你就可以从那边直接去就可以了,那这里呢,我们由由于需求不高哈,我们就先这样定了哈。我们也没有什么多的需求,对吧,我们只是一个这个图像识别识别小程序对吧。
08:05
我这里改造啊改造成。我们首先需要熟悉啊动物,动物识别啊动物识别。啊,植物食品。啊,十遍。这是什么,这量是比啊,这我先把它三个删掉,我觉得先用三个就可以了,还是用三个哈,先用三个,然后我把它那个。可以门前套我一下。200吧。我把它引下来一点。这样也不好看是吧。啊,那当然你也可以就是那个啊,这个无所谓了。啊,我们先放这里吧,我们继续。
09:00
工作布局我们就是我们先不看了哈,啊,我们继续我们继续我们这个菜单,相当于那个这个菜单已经完成了,对吧。这个图标如果你想改的话,可以在这里面,在这个图标里面找到。还是别扭啊,看一下。然后那个图标你想改的话,你看这里有图标,你把这个图标这个名字改一下就可以了,这里的图标呢,就是name port对吧,我们也可以改啊。干什么呢?我们随便改一个,比如说叫。啊,也没啥,就是适适配的啊,因为呃,T Twitter特吧TT啊,那我们把这个公式给到推。看他不是动物吗?他这个像个动物是吧,那植物的话也没有像啊,只不过改成。
10:06
干什么呢?I可以这个呃,拓展自行义突破拓展自行义图,那这里呢,它它要引入的是阿里自义图库啊,我们这里不用哈,我们不引入就用简简单基础啊,我我们完成一个小程序就可了,好目前就是这样的对吧。你好,我们这个相当于菜单写好了,菜单写好之后呢。啊,我们再写个页面哈,我们再写个页面,新建一个页面啊,就叫那个又。就是。就是我们这个先不写啊,这个标题我们先不写了,这导航条我们不写。首先呢,呃,我们在这里写一个就跳转事件哈,呃,Who。就是我们要使用我们的这个识别,对吧,要跳转到我们的识别页页面哈,呃呃,写什么呢。
11:11
写这个就是跳转哈,跳转跳转之后呢,我们要写参数对吧,我们跳到这个幼页面,我们要要给他一个参数,就是我们要区别它是呃动物识别还是植物识别还是什么东西,对吧?啊,那我们就就怎么写啊。呃,我们写,我们先写一个。Action。然后这里就先不写,先写这个参数了啊,先不写这个参数。或者写下来也行,而且嗯,就就。就X是吧,嗯,就这里我们就写好了,对吧,写好之后呢。呃,我们可以给这个这三个玩意儿加啊。当然你也可以把它写成一个V放呃给它生成哈for,比如说里面呃这个。
12:04
推对吧,然后我们我们这里就改,就改造一下吧,就啊改造一下。One。一个数组对吧,它是一个数组,它是一个对象,每个对象里面呢,要有一个,呃,这个图标名对吧,图标名我们我们要要写。我们可以写成icon图标名,其次呢,我们要有这个标题,就是这个。通识别对吧,识别好,我们要写一个就是title啊,这是推,那这样呢,我们CTRLK一下,再把格式化一下啊,是这个样子是吧,我有有需要三个哈。那我就写三个,第二个是这个他也要改一下。第三个是这个。
13:04
啊,我们来这样识别。这个是植物识别是吧。那这写好之后呢,我们就可以把它给删掉了,把它都都给删掉。把它给删掉,这这个也可以掉啊,这个我们先把这个微方给写起来,等于什么呢。我们的Li one是吧,Li one。好,我们这里写怎么写呢,这个内幕我们要让他绑定那个数据对吧,肯定他很明显是icon对吧,啊这个是tale对吧。那我们要给他加个点击事件on clock。Go use对吧,我们需要一个参数就是action,呃,我们这里可以用什么代代替呢?可以用这个。
14:04
这就用图标代替吧,就用那图标代代替啊。To。那好。是我们的把那个V给关掉。才看到我们这里。呃,我们已经跳转可以跳转到这个呃,Use页面了哈,但是他啥啥都没啥都没写,并没有屌用对吧?哦,我们先把这个云服务云函数给写起来哈,现在我们要开始写这个云函数了。第一步呢,就是整合这个百度as SDK,我们有个视频也讲过,那这里我们再聊大家走一遍哈,首先呢,我们要上百度搜索百度AI开放平台,或者你搜百度AI开放它也有啊,这里这一步我们完成了之后,我们点击这个就可以了。它是这样的哈,然后我们进入我们的控制台哈,点控制台。然后就找到我,然后找到我们这个图像识别,图像识别之后呢。
15:03
我们要呃打开首先要打开技术文档啊,打开技术文档,然后找到这个SDK文档的node SDK文档,然后这有一个快速入门对吧,这个快速入门这是这上面你可以不用看哈,它只是告诉这个页页面,这个就是这个SDK的目录结构,第一步我们要直接我们先安装啊。我之前讲,因为我们之前讲过一遍了啊。你也可以制造成那个公共模块哈。那这样我们这个我们还是按公共模块的方法来讲吧,我们这里先。新建一个公共模块叫。嗯,百度。AI吧,就百度AI。为什么会不存在呢?这个我也讲过,像是unit models,清楚看到,我看到这个没有model。
16:01
啊,我们这里看可以看到这个百度AI已经写好了是吧,那这里呢,我们同样呢,给他那个使用命令行窗口打开三所在目录哈,我们安装一下这个百度A。IPSDK啊。嗯,啊,我们这里就是已经装好了这个百度AI psdk了哈。那我们如何就是制造一个公共模块呢?这个我们先不删,好把它给关掉即可,按好音赖之后你要引入对吧。呃,这个APPID,呃,APA不是PA pik,呃,怎么获取呢?你可以在这个应用列表里边可以获取啊,如果你没有的话,你就创建一个这里不方便给大家,不方便给大家看哈,呃,我这把这里给这个写过来啊。
17:00
啊,我们这里,我们这里以图像识别为例啊,图像识别为例。嗯嗯,这个我先暂停一下,我把这三个值给复制进来,然后。呃,在复制之前呢,我先讲一下就是如何导出哈,因为我们这里只有一个,呃,图像识别哈,那我们就导出就很容易了,对吧,CT。说就说,就是他就是他。我们指导过他,而且呢,啥都不有变动了,我们就开始要要填这三个玩意了,我暂停一下,把它填进来哈。好了,这里我们已经填好了哈,我们已经填好了,填好之后我们要上传公共模块啊,我们上传公共模块。与此同时呢,我们先我们要创,我们先创建一个云函,说法叫那个。Yeah。SDK可以这样写啊,你可以这样写asdk。
18:02
你自己命名哈。这个商城已经完成了,在这里我们要引入,我们要管理我们的公共模块,使用这个百度AI哈,更新一下依赖。可以看到啊,大家看一下可以看到这个,呃,Package的里面已经有这个百度AI了,是吧,这是我们自己命名的这个公共模块哈。公共模块对吧?呃,我如何引用呢。用require引入。好,这个名字要怎么填呢?取决于你这个认识这个名字哈。而且我们已经引入完,引入完毕了,这个。他已经引入好了,就是这个。官方所说的这个。不好意思被大家看到啊,就是这个已经引入完毕了哈,呃,这更多参数啊这个。
19:02
这个拦截请求啥的,这个嗯,大家自己看哈,我们看那个接口说明。接锁说明就是可以看到它需要一个就是白色64的哈贝色64的这个,嗯,字符串,图像字符串,然后来进行这个通用物体识别,那我们也写一个啊,我们也写一个。嗯。我看一下啊,我们也是引用的c in对吧,那我可以直接直接复制进来啊,我们在这里写一个函数啊。嗯,这是图片图像识别。直接附近的哈。再传一个image参数啊,就是我们分64,同样的我们为了阻塞来完成啊,我们用一个promise。
20:04
我们用一个promise promise。Lo。无论他这个。就完成成功了,我们都要给他抛出对吧。那我们之前。错误的原因我们也要给它抛出,然后看看哪里错了,对吧,你要用。他这我们那个,呃,咱封装就已经写好了啊,我们就要用了,对吧,要用的话就。我看看这是通用物体识别,通用物体识别就是这个,呃,擦擦擦,然后这个菜品识别呢,就是第四第四这个啥这个啥玩意儿,对吧?啊,其实我们可以发现它其实就是他这个。C的一个方法,就是它一个方法。
21:04
嗯,我们继续写哈,我们先看一下这个通用物体识别可不可以哈。这个。面我们从这个里边读读我们的数据啊,然后我们返回一下这个数据,好,我们我们现在试一下啊。呃,这个上传我们的这个asdk这个云函数。同我们这里是连接云函数。这里不是,我们先让他安装依赖,然后我们去写我们的这个页面哈。然后页面首先上面是有一个我们需要一个图片,就是我们我们要展示这个图片,对吧,图片的。宽度我们可以写成百分百。
22:02
这个高度呢,我们可以写成嗯,300PX。先这样写啊,那注意它这个大小,我们可以先不写,打C先放这。我们也可以让他写成个logo啊。好,我们先放在这里。我们先用我们这个UC页面,随便找一个进入我们UC页面啊。呃,这个。我再给他加一个那个VIVO啊。看到这个国外给他引入过来,放在他这里。然后我再给他加一个背景色,然后看了加成蓝色吧。它是这样的对吧,然后我们点击这个玩意儿啊。
23:00
感觉这个蓝色的可以让我们选择图片,我们加一个事件。那时间呢,这里我们要看这个用呃,Apple的东西了哈,就是选择图片。嗯,我找一找在哪里啊,在这个。媒体里边有个图片啊,Imagine啊,有有一个是。那求面积。我们可以直接。我们这个叫。就是卖就觉得呀。它是一个它需要一个啊的对象对吧?啊对象做一个是必须的,就是S回调事件,我们可以看一下回调事件啊。那当然这里呢,我们要给我们要写看看,因为我们允许他推销是一次上传一个对吧。
24:02
好,我们给这个还有下一个实验,就是慢讲啊,这里我们来看一下。点一下他,我们选个照片,选个图片,可以看到这里有这个路径啊,有这个路径。然后这个图标信息。好,我们可以这样。哎,不好意思,刚才一刚才一口气啊呃,我们需的是贝斯64数据是吧,那我们可以怎么办呢?我们可以把图片给上传到后台,让转成base斯六四,就刚才我们看到这个它的个接口说明里边对吧,但是我们偏偏不这样用哈,我我觉定觉定在客户端把它给转成base斯64哈。呃,怎么转呢?我们看到这个网络里边有一个发你请求哈,向你请求就是用那request。里边有可以请求出这个我看看。
25:01
爸爸可以转成贝斯64啊,那我们就这样写啊。呃,我们那个我们可以看到我们在这个as,就是选择图片的时候,我们已经拿到这个图片图片地址了,对吧,图片路径哈,图片路径。因为我们是因为我们只有一个图片,所以这肯定是个零啊,这零的数据。那我们也可以看到这个。图片的各种信息啊。好,我们先这样。第一步呢,我们让我们那个。图片地址啊,等于它。然后我们就是选择一下图片的时候,可以看到这就已经改变我们的图片了,对吧。接下来我们就要拿到这个贝斯64数据了。Response type。我记得那个插件市场好像有一个图片压缩的,大家可以把那个图片压缩的那个插件给拿来用,这个对,反正他你突然压缩一下,他也不想影响是识别是吧,只要你压的不太狠啊,我们先写那个U看他。
26:10
我的request,呃,需要什么参数呢?URL肯定是必须的,对吧,URL是必须的,URL是什么呢?就是这个玩意儿哈。然后。请求类型啊请求类型,呃,我们是写成什么呢。他没有报,没有提醒,那我就直接复制了。28法,我们28法,然后一下看看,看看这个数据什么样子的哈。哎。然后我们看一下16。可以看到拿到这个数据了,直接就是看到这个data塔is点塔就是厄巴佛对吧。我们要用这个is.data呃,我们看UNAPP一个东西啊,就是b to4啊。
27:06
有这个东西的啊。巴法to贝斯64啊,贝斯6TO巴法,这巴法贝斯64,说话有点快啊,那这个巴法to贝斯64。可以看到就是。很明显就是这个玩意儿是吧,我们也可以直接写啊。我们写。BS64。S等于什么呢?等于用那点28法贝64,然后拿到那个R点塔。然后我们可能打印的时候有不知道这上面写的那个H5不支持啊,我不知道能不能用哈。64SR。呃,我看来也是可以的啊,就是我们拿到这个,呃,这个数据了啊。
28:01
好,我拿到数据之后呢,我们要进行网络请求是吧,我们要进行网络请求就是。传入传入我们的那个贝斯六测序,说句啊。嗯,我们要调用我们的云函数对吧,考这个。Name于函数的名字是啥?就是asdk啊,我们给他写的就是asdk啊,然后我们要传参数对吧,参数因为我们是直接读取了的这个image,那我们这里就要写image。那我们我们就要这样写了,它就是64STR哈,然后我们再写一个这个success回交事件啊。我们也同样的看一下这个,看一下这个。进行成功和分功能什么样子的啊。那这里呢,我这里选了一个,我这里有动物吗?好像没有动物啊。这个网络请求在请求中啊。
29:00
呃,这个看可以看到我们这里已经就是请求成功了哈。拿这个result result。啊,我们再来次学一下。可以看到这个已经请求成功了啊,就这几个,那为了我们这个好看哈,好看啊,我们可以在这里加一个啊,就是我们拿到这个图片路径之后,我们可以加一个收楼顶,就是让他这个。啥也不写,就他转圈。然后这一部。AB这个在这个success里面写一个。Had loading。这样就可以了啊。
30:00
可以看一下效果,然后转圈。装完之后这里就已经拿到这个数据了,是吧,拿到这个数据之后,我们要如何的就就是展示这个数据呢。呃,我们要很明显这是这这玩意儿,你看嗯,每个都是一样的,都是keyword啊,这个还有这个思考的就是就是这个可能性啊,那我们要用什么形式展示呢?很明显这个表格哈。非常的适合是吧。那我们就找这个UV的表格哈,Table表格看到这个了吧,看到了吧,而且在这里是有也是有间隔槽的,其实间隔槽你也可以自己写间隔。草,把这健隔草给拿走,直接用啊。这个草。我看健康草啊,健个草是生效了对吧,生效之后呢。呃,我们要找这个表格哈,Table表格,表格来了,我直接复制走啊,复制走之后我们接把它这个复制走,然后教大家如何用哈。
31:07
嗯,这这看下我们先复制一下说过来看一下是什么样子的,对吧,很明显这第一个就是我们的这个表头哈,就是这个玩意儿哈,那对应呢,我们这是啥呢。呃,啊,就是。这怎么写呢,这个叫。呃,类型。大类大类小类可能性。就类型名称可能性吧,叫类型名称可能性,嗯,我们也这样改。类型。名称。可能性好,我们这样,我们我们这样写哈完之后,这个这个数据肯定是不能要的了,对吧,但但是它也是三个的,就是就是三个。那我们这里可以留下来一个对吧,留下来一个。然后怎么写呢?
32:00
写我们的这个。就这样写啊,不能这样写,暂时这样写。写一个数组对吧,AI啊,我写个for啊。写什么暖未放?铁是AI塔对吧,A2塔。好,我们这里要填充数据了。OK,可以看到一个是K对吧,一个是K。第二个是啥呢?第二个是肉。而第三个呢?就是可能性是吧。到时候我们还要付赋一下值是吧,赋一下值,首先我这个打印的还不把它给去掉啊。
33:06
我们要等于这一块对吧,等于我们的结果好,那这里我们来试一下啊。来设一下。可以看到这个,这个就已经有了是吧,可以看到这里已经有了是吧。虽然不是那么好看,而不它如果不是那么好看的话,你看中间这个大哈,那那怎么办呢?啊,你可以把这个表格的这个大小宽度给他调一下。呃,宽度哈,再个这个宽度占占百分比给他调一下,也可以把这个字给调一下,我这里把字体给调一下吧,我觉得。那个字就就就太大了,太大了是吧。Size。呃,改成多少呢?嗯,22小。名称及这个刚才因为是班级,他这个改改的,那这里就小了一点。那我觉得可以啊。
34:01
又不是那么小是吧。但是它它但是你看,但是你就看到一个问题,就是这个线可能是H5的问题啊,等会我们把它编译到小程序再来试一遍哈,啊嗯,这就就已经基本完成了,这个可能性呢,我们你看车字肯定是不爽的哈,那我们用一个过滤器给它改一下。呃,收像什么呢,给它复制过来。那什么呢?因为它是这个,呃,小说就是小说形式啊,小说形式。我们肯定首先要把它改成那个要乘以100对吧,乘以100,我们先我是先加一个给它加过来哈,这个收。这个。
35:03
我乘100试试看。先讲个图片。啊,乘100,你看这玩意儿太大了是吧,乘100之后呢,我们要截取是吧,我们要。截取他的前四位啊,前四位。就是前四位,应该是前四位。其实可以可以用什么呢?可以用那个它,然后点那个two。二应该是可以的,就是保留两位两位小数啊。这这看到就是已经是这样想事了,对吧,那这样。还不错是吧,然后我们也可以加个加个什么呢。百分号百分号试试看。好,这里你看已经变成变成这个百分号的形式了,对吧,可以看到展示出来还可以是吧。
36:02
那如果你如果你觉得这个就是这个格大小不一样啊,你觉得不爽啊,就是都一样啊,你要把它给变大,这里也可以看到啊。这个单元格自己大小,我觉得单元格子大小好像也是可以改的,他既然这样这样写了啊,那我们我们来设一下啊。但愿我自己打小。那我就把这个职业给给移出来。我们看一下它的啊。显然要用等于号对吧,把它改掉。他告诉我们是默认词是28,然后给他改成。20试试看哈,我也没有试过哈。行啊。怎么不起作用呢?单位是2PX。30。
37:08
哎,好了,不不纠结于这个玩意儿了啊,不纠结不纠结这个玩意儿了。他是有我们自己,还是写了自己的吧。就能变成这样。大家也可以自己试一下啊,不知道为啥没试成功,好,那我们这个通用物体识别是吧,不是是通用,明显是通用物体识别啊嗯,那我们对于不同的这个图像识别,我们要改一下是吧。比如我们要精准到图像动物识别啊,这个植物识别啊,怎么怎么写呢,我们先来看一个这个用APPAPI啊,是这个。界面设置导航条啊,设置导航条。想这个玩意儿哈,打条。
38:00
那个漏的时候有参数哈。呃,我们把这个传三也改一下,我们从这个鼠标进来的时候,传三也要改哈X我们不这样写了,哈X我们这样写。这个。我们再给这个每一个这个识别加一个X啊,首先呢,我们来看一下这个接口说明这个识别。我们加入的是什么,是动物识别,植物识别和这个什么。动物,植物和车辆是吧?那我们就以这几个为例子。动物识别不是。他嘛,动是他。物识别呢?什么识别是他?然后其次是这个车辆识别对吧,车辆识别的车辆识别。那我把这个车辆识别这个也给复制过来,Action是这样的。
39:05
对吧。告诉我这里,因为我们这个加还没写哈,不管它哈,我们这里也要改X对吧。加action,然后这个标题我们也要写标题,那这里我们就不传这个X了,我们直接传ATM。改成HM。他呢,那他呢,你觉得你要觉得这个就是啊,我们还要谈别的参数,这个不好看,那我们也可以改啊。我们要给它改造一下,这个我们用就是这个table上面这个就是小键盘一左边这个哈,就是它哈。我们来传参,我们写参数,然后同样的我们还要再写一个什么参数,我们要写标题是吧,标题就是推哈,那这里我们要写,我们也要写推。就等于什么呢?
40:01
It。对吧。啊,这里,然后我们这个由此里面接收这个参数啊,这叫。我写ATM吧,或者。呃,这个那就是is无所谓了啊。然后然后我们就可以在这里就是is.t1对吧,学习标题。这个识别呢。啊,我们也放这放放这里啊识别我们也该改改写一下哈,这这个AI。等于点ac.o好,我们来看一下效果啊。返回动物识别啊,这就已经显示动物识别了,植物识别对吧,植物识别你看到它上面是不是也有参数啊,你看到参数了吧,对吧。
41:00
那好。同样的,我们还要做一个事情啊,就是。嗯,我就是实验一下啊,我也没有这样试过啊。啊,真的没有这样试过哈,这个image是是image我们先放在这边,呃,我们还要传个参数。Action是吧,就区别它是什么识别对吧,那这个呢,呃,我想把这个给改一下,改成什么呢?改成。这个。这个小号。我不知道可行不可行啊。试一下吗?然后这个我们请求这个云函数也要也要也要呃改一下稍微改一下哈,因为我们还要加个参数对吧。叫什么AI,嗯,我只我只是试一下,不知道不能行了,我们还是按传统的那个随机case来。
42:30
好慢呀。是成了,我试一下啊。可以可以看一下网络请求是什么意思啊。响应啊这个。
43:02
我看一下那个I哈。因为我们现在不是通用物体表达,它那个返回参数可能会有变动啊。我想把他这样给删掉啊。然后我们才找这个图片。看刚才那个是可行的哈,可以看到这个还。零。啊,确实是有的,你看看到看到了吧,看到这个。非动物啊,这个参数返回是不一样的啊,可以看到我们这个动物视频呢,它返回的是非动物和这个啊这个玩意儿啊这个。0.00对吧。这个这是可能性。那肯定也是这个,我只是看吧,只是他这个。参说明不一样啊,参参数名不一样。我们可以在这写,你可以可可以把这个可以把它可以改一下啊,它不是也是名称和可能性嘛,哎,等一下我先去找个动物看一下,我找个动。
44:02
突然那个网上突然找个洞啊。狗吧,狗是哈士奇吧?嗯,就找这个。把它存一下,存到图片里面啊,保存一下。然后我们来看一下这个效果哈,这个哈士奇呢。可这看来可能性是有的。但是这个。看我们看这个每个对象,它它它只有名字和这个。Co的对吧,呃,我们我们这同样的来说一下植物识别啊,我们说一下植物识别。还还找哈士奇啊,这里也有可能性,你看到我们这个。内部操作,所以说只除了我们这个通用物体识别之外哈,我们发现它这个参数名字都是内部和这个告诉对吧,那我们可以把它给改掉了,把它给改掉。
45:02
我们先把东西注释掉。然后呢,我们需要。我们也把这个给注释掉,很明显要需要的是name对吧,Name和这个哈。啊,我就排成这样的可以了,对吧。我们再试一下哈士奇。可以看到这个就已经完成了,对吧,可以看到我们的这个云函数这个。很少哈,是不是就这一点代码,他就完成了这么多功能哈。那其实就是。它那个方法其实它也是一个对象嘛,那他这个方法的对象的话,那我也可以通过这个对象来找这个方法,那同样调用也是可以的,对吧,所以我们就可以这样完成了,那我们语法说就这样写就可以完成这个。呃,转下这个所有的这些识别啊,对吧,那我们比如说我们我们现在时间还够,我们可以再加几个,再再加几个玩意啥,加几个,比如说我这里诶。
46:01
这个你你也可以,你也可以改啊,这个你也可以。比如说这个我不用三,我是根据数量来判断的。就比如说我有我有根据这个list one点哈。呃,这里我们再加一个。加个什么呢?加个加个什么比较合适呢?常用的加一个菜品识别。再识别是这个。看特别是是第十。这个对吧。首先改这个,那怎么把名字改一下,叫菜品品识别。它图我们看一下这个效果哈,可以看到多了一个对吧,就是把这宫格布局这个。呃,有几个啊,数列就竖的几个,你改成这个,它的长度我们有四个对吧,这样就就可以了,对吧。现在这个菜品识别的标志,标志符我们也可以改一下,我找随便换一个,找这个icon啊图标。
47:01
菜品识别嘛,我们换成什么呢,换成。没有什么像菜的,就感觉吧。随便改一下太品识别啊,一样对吧,我们点太品事别同样的我们也进来试一下。呃,这个非菜可能性,我们看到这里为啥是变变化不一样的哈。可以看到他这个菜的话没了,他又变成这个了,我发现这个结果这个这个不统一哈,不统一,不统一的话我们怎么办呢。我们可以在这里在右侧里面写一个啊嗯。我们再处理一下我们的数据是吧。那这里我再处理一下我的数据,首先把那个放进放放过来哈。我随便写一个推塔。啊,我们我们可以这个就放一起辩论一下,我们这个。
48:03
嗯。便听一下我们这个数据啊啊。很明显,那个婆婆俩是。我不知道其他有没有,其他有没有啊,我们我们我们我们先这样写啊这。啊,这个这个什么,这个是什么识别啊,这个菜品识识别是吧,识别我把它给复制进来。我们写一个这个东西啊,叫叫这个let。你的,你的。Two。我们简历这个就是需要处理的这个这些,比如菜品识别需要处理对吧,我把把那个菜品识别这个名字给放进来哈,呃,那怎么判断呢。这个need是吧,这样,那它里边有没有这个。
49:01
是当前那个action啊,对吧,当前action。如果它等于等于负一的话,很明显是没有的,如果它不等于负一的话,肯定就是有的,对吧,我他。不等于负一啊,不好意思,删多了好像。它不等于负一,说明它是存在的,存在的话,那肯定我们要判断,我们要改造一下这个数据了,对吧,这数据不是这个这个玩意儿嘛,对吧,然后我就改,怎么改呢。哦。它是一个字符串对吧,字符串我们要截取它的啊,101,我们也可以把它把它把它转成那个什么。嗯,Lo的,然后二也也同样的也可以,也也是可以实现的,那我们试试啊这个它。应该点。队友,哎,等于什么呢?等于。还TM点他吧。
50:00
点那个。我们要把它改成是吧。他点出一二。同样的,然后再加个百分号是吧,和我们上面处理是一样的哈,可我上面处理是一样,那它它上面有个处理,那我们就就不用再处理了,我们就把它。那我们不用处理了,对吧,我们就这样点一下就可以了,才发现上面已经处理过了。我再试一下。哎呀,这就奇怪了哈。你看不同的他还传的不一样。这还多了个这玩意儿啊,这多玩意,这这是这是这是我打印出来的哈,我打印出来的,不好意思,这是我打印出来的哈C对吧,还有name。
51:03
很明显这里是没有负值的啊,可能是我打印出来的,我我我得把它分下值啊,分一下对塔这个值我们来试一下。那这里就已经完成改造了是吧。就完全改造了。这就我们就有四个识别了,呃,这就这个时间充足啊,呃,我们再来再讲一个别的吧,讲一个什么呢?讲一个语音合成,就讲一个简单的语音合成吧,嗯,我们可以找到这个。哎,我好像关掉了。重新百度啊,百度SDK。AI开放平台吧,AI开放平台。A。找这个控制台啊控制台。这个我重新登录一下,我要暂停啊,重新登录一下,给大家找到这个语音语音合成。
52:04
嗯,这里呢,就是已经我已经创建好了一个应用,对吧,就是这个语音技术里面哈,语音技术里边我们同样呢,和那个图像识别一样,我们要找还找到什么呢?我们要找到我们的技术文档,对吧,找技术文档。炸鸡融,它里面有语音合成。有一个在线语音合成啊,这个在线语音合成弄的GSSDK,看到了吧,在线语音合成弄的GSSDK。这也有同样的,有快速入门。呃,发现是不是很像,就和他同样第一步也是安装百度ASDK,但是我们已经安装好了,对吧,我们已经安装好了,那我们就稍微改造一下哈。那我在我在这里写一个啊。嗯,看到了复制还是同样复复制这个玩意儿是吧。呃,这个步骤和像和刚才一样啊,就是我现在如果你打开肯定是显示我上个图像识别的这个K和词的,这里不妨给大家展示啊。
53:02
嗯,等搞完之后给大家看一下吧。那我我先填一下这个东西啊。啊,大家看一下,在填之前它是这个样子的哈,我们把这个都给改掉了哈,把这个啊SP啊,这个D和这个。APID啊,都改都分开了啊面积对吧,那这里我们也要同样我们也要改造了是吧?我们要改造成什么呢。要改成image对吧,Image这个。Fish,对吧,那这就已经改好了,那这里我暂停一下,把这个东西填好它它这个文件就是这样不会变了哈。好,我们这里就是已经呃填好了,我把那个给关了哈,关了之后呢,我们要去,我们要改造一下我们这个云函数,对吧。啊,这个四就要改成什么呢。对吧,那改成image了,因为它是image,因为刚才我们写的是image吧,这还没有更新啊,我把那个百度AI。
54:03
行李上传一下。这空模块。然后呢,这里就这样,这个是因为因为你卡FA对吧。然后我们同样的可以参照这个啊,当然你也可以就把这个改掉。改掉叫百度。然后同样呢,也可以。写哈也,你也可以这样写。他带个太婆是吧?这个太。同样,我们也是试试看,这样可不可以啊。那这里就要传一个,呃。喘气太弱了,对吧。这函数名字也变化了,对吧,那我们也给他变换一下。
55:05
百度AI啊,这样写应该是应该是没有问题的了,不过还是要等实验一下。呃,根据他这个写法呢,我们。还要还要把1万轴再重新改造一下,有调的太对吧,太。这个我们。肯定是卖你的吧?图像识别这一块。等他上传我这个上传的同时啊,我们创建一个页面啊,叫这个语音合成。语音合成,好的语音合成。这个页面先放在这里啊,我们同样看那个use页面,这这个SSDK已经上传完毕了,我们测试一下这个,呃,看哪里出出问题了看一下。
56:08
这抱歉,忘加多少了。好,我们来试一下这个还能不能用啊,如果可以用的话,就是我们改造成功了。如果不可以用的话,很明显是改造失败了是吧。好,这里还可以可以用的,说明我们已经改造成功了哈,呃,这里呢。然后在在在这个主页面哈,主页面再加一个按钮哈,这就用按就用按钮哈,不再用那个宫格布局了。这个叫什么语音合成对吧,语音合成啊我们。可以看等于什么呢?那个。啊勾。好像是SK吧,应该是单词啊,嗯。
57:01
因为写这个。URL是什么呢?我们要就是转化到我们这个云合成页面对吧,肯明显是起这个页面啊。等于勾机器对吧,这个页面。那我们看一下是这样的,对吧,我点开语音可能就进来了。嗯,给大家看一下这个按钮的话,它也是需它也是有很多东西的啊,它有这个类型尺寸大小都可以的,我们这里用这个。主要按钮好,主要按钮好看一点。同样呢,我们也是为了和这个空格哈。和宫格就是区分开来哈。这个我先把我把这上面试试看。啊,就是这样的哈,区分看是这样的对吧,语音合成,那这个云合成同样呢,也是不好看的是吧,放在这里,那我们同样也可以给他,就是也给他加一个这个玩意啊。再加个样式。但是我就不让他跑那么多了,我给他跑了100,这两个全部改成100吧。
58:03
这个改成200,它是100,它是200,这就划开了对吧,一百两百啊,语音合成可以看到我们已经看调到到这个页面了,对吧,那我们。开始写我们这个语音合成哈,呃,我们要加一个什么呢。Input对吧,我们input这里也用这个UV组件输入框可以看到这里啊。这个输入框类型什么的,对吧?啊,我们就直接复制这个,这个直接复制过来。包它这个V6,我们要写个VVR。它需要类型的类型是啥?那个是text的,那我们也复制过来,我们在这里写吧。我我们往底下看看啊,它有很多模式的,还有text area。啊,也有这个输入也有选项啊,Test模式也有这个password,它有这个下达选择模式啊,那这个大家就自己看啊,我们这里用什么呢?用test。
59:04
我这里来看一下效果。看看这是一个天色对吧,输入内容。呃,这里下下边我们我们也要加一个按钮,这个按钮就直接复制这个主要这个按钮了。所以这个100我们也可以加,也可以不加。啊,这个勾P起,我们要肯定要改改掉对吧,先放在这里不管,然后建成点击合成。并且播放。这个要哎。啊,视频录一个小时了。课程并且播放,呃,这个。啊,告诉我什么呢。
60:00
他告诉我这这个。我好说复制复制错了呀,没有。啊,内容。我把它给关掉试一下看。没弄错的是吧,这就奇怪了哈。这并且播放把这个可可可乐稿给删掉。呃,就是没问题了,Clock的问题好分别播放,呃,我们老师就暂停为这样了哈,暂定为这样,我们这个clock也加回来写一个就是。Two。忘了合成咋写,合成这个英文单词怎么写了,我想用它替代吧。哎哎,这个我们来看一下这个语音合成的文档哈。呃,他告诉我们合成的时候去接口说明啊,语音合成。他需要什么呢?他需要就是。
61:02
一个文字,然后就是这底下你可以看到它有这个负载参数啊,就是PSSPD,这个SP是是什么呢。这个就是。这个声调啊和这些东西啊,这些东西都写在这个里面的哈。那这里呢,我们就什么都不写啊,什么都不写,我真的是不想写啊,反正你自己写的话也可以啊,就是我再给你看一下,那我们这个玩意儿啊嗯。这个隐卖机我们也可以也可以就写成隐麦,就那我们等会传那个参考时候也是传隐麦即可。然后这里呢,如果你要加的话啊,你要加这玩意的话,很明显你要在这里加一个附加一个对象对吧。就是你就是传送的时候再附加一个对象,就不只是一个对象哈,可以看到我们这里只有一个隐卖对象,如果你要加的话,就你们你后边加一个这个。一个人写。
62:00
然后你你你在这也可以写一个,呃,1V一点,你你是可以这样写的哈。嗯,我们这里先先试一下这个能不能使用语音合成啊,不能使用尴尬的是吧。孩子是应该是最最新的上传的哈。那么我们这里是这里写啊,嗯,写什么呢?方对吧。内还是什么呢?Asdk,它这个需要什么参数呢。啊,看你可以可以参照我们刚才这个写这个图像的时候,这个参数啊,它是一样的啊。啊,这个这个就改成4P起来吧,MP,然后这个。但是呢,就是。Action,我看一下。TEST2AUDIO2AUDIO。Tests are audio。
63:01
由于这个呢,它语音像识别是有差距的,到时候我们那个语音安装可能还要啊。然后这一面积我们要改成什么呢?改成这个那个点位六对。那好,我们。呃,那个试一下看看定能成功啊,真的不一定能成功,我没有分开写。啊,这个是一个什么呢。这个是一个。你可以看到是个buff four数据啊,是个buff数据啊,我们就需要把这个buff给转成就是可用的是吧。我不知道这个八白色六四是可不可以的,我看下那个。呃,这个什么。我找一个找一个API。
64:01
图像里边音频播放啊,或者这个我看一下这个音频。做加控制。我不知道这个支持不支这个464。呃,我我先申请申请一下查个东西啊。呃,好的小朋友大家好啊,我们继续啊,刚才我测试了一下哈,就是。我把这个B转成B,然后转成那个那个什么啊,贝斯64啊,他就是找这个贝斯六请求头,我一直在网上搜搜搜,我搜了请求头没有搜到,不是请求头,就这个这个头啊,没搜到,然后最后我就去找了个在线的那个网站工具,然后下了一首歌,还然后然下了一首歌,QQ还打开了下了一首歌,然后给拖进去转了一下,发现那球球头是这样的,不是每次六次头是这样的哈。那好,然后呃,我们这就已经完成这个了,就是这样写的哈,先把它转成这个。
65:03
这个,然后取这个B,然后。啊,这本来是这是一个,这是一个八块数据啊,然后把把它转成贝斯64,然后加上这个头哈,然后然后创建一个这个音频,这个我们可以写成那个。BS64STR哈,真好str,然后呢,这里呢,我们也改一下。好看一点,这个叫,这个叫。呃,由奥Di其实是一个环境啊,上加环境,那我们就介绍奥。哦,对,好看是吧。这个质疑,这音频组件控制就是出现一个这个。对象哈,然后呃,这个src,就是写上我们这个六数据,然后。我们给它放即可,那好我试一下啊,比如说我是一头可爱的猪。
66:06
我是一头可爱的猪,嗯,听到了吧,就是这个,就是这个效果哈,就是这个效果。当然我们也可以就是再加一个什么东西,呃,加个什么呢?呃,看一下这里。下一个用按点手楼顶啊手楼顶,然后这里。还有一个那个。就这一家吧。Has loading。然后这样这样就可以了。然后我再写一下。我是,还有就是很多小伙伴们对那个什么呃,营销号生成器感兴趣啊,其实营销号生成器就是一个固定的字符串,然后拼起来的,举个例子哈,就比如说。我们这里要合成一个这个营销商城营销号,对吧,然后我我这里给大家加一个加一个。
67:03
说呢,在一个。嗯。不知道写啥名字起啥好,就叫这是吧,这里我们可以写成那个hello,小伙伴们大家好。Hello,小伙伴们大家好,呃,什么什么,这这里可以写主体事件,比如说我们这里写一个。呃,什么?蒸水。不能喝。怎么回事呢?然后先举个例子,然后我们,然后上学不能合是因为什么?什么就是上学课是个主题,主主题啊,我看时间嗯不太够啊,那我们。啊,要不要带着大家做呢,我觉得也可以啊,这里呢。我我我们来写,我们来写一个营销号生成器哈,啊,我们同样的用这个U包哈,呃,大家写着玩嘛,给大家写营号生成器。
68:11
我们找那个,我主要是找找一个东西啊,找这个东西,找找这玩意啊,这里写成主题啊,这是主题,主题主题就是生水,生水,然后我们写一个什么,写个事件就是事件。十点。不能喝,比如说然后我们选原因。呃,元音好啊,这样就可以了哈,呃,这个我们写成,呃两首是我写成VI one。不好意思。One。对好,这里呢,可以删掉啊。
69:01
然后这里我们不是写了一个one two three是吧?One two three是吧。啊,这里也可以写,这这都是不加啊。哎呀。好,这三个写好,写好之后呢,还要写写什么这个type,我给它改成TYPE1哈,Type o什么改成type o是。我需要这个。长了哈,就比如。又捡了一个。我就改成text就可以了,Text不知道能写成text了,我们现在看一下这个效果哈。就是主体事件和这个原因啊,这个内容我们就是刚才写的这不一样的,然后我们这里写啊。
70:00
啊,写什么呢,写这个。首先我们要写一个那个,呃,生成对吧,生成器我们把这个区分开来啊,就是保证我们的语音合成,可以用生成这个台词啊,生成台词。呃,这个昂克是吧。等于什么等于?我还查一下百度翻译吧。那就是他。就用它好了,我们继续写啊,然后继续写,写什么呢,写这个。啊,我们要合成一段文字对吧,那我们就用这个video啊,Video。呃,等于什么呢?等于啊,我们这里,Hello,小伙伴们大家好。呃,然后写。
71:01
我们要写主体和事件是吧,啊类似点。这个V6万对吧,56ONE是是主题,然后他事件。啊,然后事件什么类4.videoto对吧,啊是。怎么回事呢?然后然后,然后就是他。还还是他俩就是他俩连,哎,不好意思啊。CTRLC。其实是。因为然后就这这就这要写什么,这要写这个三了哈。点563对吧,对。这是因为啥?啊,这这就是,嗯。
72:02
啊哇然小朋友大家好,那么到什么可能呢?这也不能和是因为生成有毒。嗯,所以也是所以。所以。然后我们可以写成这就是啊,这就是不能喝。啊,太浮躁了,太多了是吧。我们很简单的吧。呃欢呃,小伙伴们,小伙伴们。把这个改成句号,小伙伴,哎,句号还不能改了吗?还不信呢?有什么?有。有什么疑问?可以在评论区留言。
73:03
O。那我们来试一下啊,呃,主题是生水。So。不能喝。生水。有细菌。生产台词。小伙伴。啊,小伙们大家好,这个。然后呢,我们为了让它更有那味儿哈。呃,这就是呃,就是呃。
74:05
嗯,但与此同时呢,呃,我这里没有那个,我来试试啊,试试看。呃呃我要,呃,我找一个那个呃营销号,搁网上搜一下这个营销号歌曲啊。零消耗。小号专用。BGM啊。专用BGM。呃,我搜一个啊。这个是BB站的吗?这个是哔哩哔哩。我看看哪个是比较的好用的啊,就是会有会有那味的。不好意思。
75:00
这个不像啊,我记得NNNNNNN。是这个不像。银行号专用BGM。我记得好像是T开头的吧。哦哦,这个也有那味,这个呃,找一个。还要会员吗?从这个这个下面。嗯,那这个我们这个,因为我们会员哈,那我们就下这个这个这个哈,我们就下他。啊,我浏览本地文件啊。
76:00
啊,这个我们把它复制一下啊,复制过来,复制过来。有点卡,刚才可能有点卡,我复制到这个ste里,Ste下面粘贴一下。啊,这个专用曲,哎哎哎,复制的不对,不好意思复制错了啊。然后复制这个stick底下。它太长了,太长了,我改改成啊1点:3就就可以了,那我们继续看这个音频组件控制啊音频组件。哎,这个我们可以再创建一个新的音音频,音音频组件控制码,就是说我们可以创建一个什么呢?那个。GMBGM等于等于它对吧,然后BGM点那个src等于什么呢?等于呃那个那路径我们我们我试一下这个我试一下S啊,那个1M3啊可不可以啊。
77:10
然后这个。嗯,应该是可以调音量的吧,音量。啊,因为它这个我试一下音量响不响,音量响的话就不太好是吧,然后这个B gm.play对吧。然后生水不能喝,不能喝。生水有几句?生产太。然后我们那个。合成一下。这个。啊,应该是径径的问题啊,我们这一块先啥都不干了,我们就专门搞这个。
78:01
这玩意儿哈。我搞BGM。嗯,这个是peace的,这个speech的。他那我写这个点点杠点点杠试试看。啊,这个可以了,这个声音太响了是吧,声音太响了,那我们就。把那个朱市里也也也给那个。嗯,出示给去掉啊。他这个音量啊,他也就是响了是吧,他这个。BGM点一两等于零啊0.2吧。睡下。生水。
79:00
不能喝。生水有细菌。是不是有那个味儿了哈,是是有那个味了,然后由于由于我加的这个是十秒钟的哈,大家可以就是在这里有一个循环播放啊啊,我们也可以开启一下这个循环播放,BGM点等于。可对吧,然后就是。循环播放,循环播放,还有就是那个呃,声音是不是太小了呀,我们再低一点试试看。然后再来,再来,生水。不能喝。生水。有细菌好。Hello,小伙伴们。
80:14
你看我们这个还他还在一直一直循环播放是吧,那我们可以就是它底下有那个监听,你可以接听这个这个完成事件啊,当他这个完成的时候,我们然后这个也给也给结束啊,让那个PM也也给结束。那个啊,逃跑就是逃时间啊,而且取消监听啊就是。呃,昂是昂是开始啊,昂昂是监听啊,那个完成完成完成操作对吧。搞笑,这个onto on end,呃,我们可以试一下这个on end,我试一下哈,这个audio there on,对吧,On end。
81:05
好多东西。那我们试一下哈。摁的时候,我们让这个BGM也给那个。嗯,有有吧,我记得好像有top。停止后的音频直播返回啊,我试一下啊。看能不能啊。你点到。哈喽,小伙伴们。
82:06
好,这已经成功了是吧,就是这个,呃,我们这个语音合成播放的这个玩意束之后啊,嗯的时候,我们让这个BGM也暂停,也也停止哈,啊这个代码我也会整理一会发给大家,如果有兴趣的话,大家可以自己尝试一下哈,就是。呃,记住你们要,如果你们要直接把代码拿走用的话,你们需要改一个东西啊,就是这个。公共模块,看到这公共模块这里边的那个APPID,呃呃PI呃,Script key,这个你都要改成自己的哈,所以如何自己呢,我们也讲过了这个。呃,百度百度ASDK里边去那个百百度开放平台去申请去创建应用,对吧,创建应用好,我们这个视频就到此结束了。
我来说两句