00:00
接下来我们来看啊,我们来去真正的去实现我们的JSSDK,然后这里呢,我们主要呢,现在呢,是去我们的页面中去实现调度它些相关的接口,是不是因为呢,我们这个配置呢,已经配置完成了,好这里面呢,我们来看一下它的文档啊,去它官方文档看一下,这里面呢也相到一些文档,是不是我们呢做了第三步去通过这个complete接口呢,注入我的权限验证配置,然后下面呢,就会有它的一些相应的内容了,来看啊第一个呢,它说有一个read接口。这个接口是做什么的呢?I。啊打开啊好,这里说什么呢?就是ready接口,就是当我这个验证的时候,它是不是异步的,也就说它当它加载这个页面时候呢,它还会去额外发送请求,然后去验证你这些配置到底合不合法,是不是他就验证,也就是说他后面如果用,如果有些代码用上了我这个微信接口的话,我一开始能用吗。
01:06
我一开始是不是这个验证配置可能还没有验证成功啊,所以说我没有权限去使用它这个接口,是不是一开始呢,我没有权限去使用,要等他验证通过之后,我是不是才能一使用啊,所以说呢,他这里专门准备了一个ready函数,这个ready函数呢,就是它这里呢,能够保证你这个东西验证通过了之后呢,再去调用它的。毁掉函数,也就是说如果你有一些东西需要一上来就是使用他的微信SDK的接口的话,那么你都得把这些接口放在我的。Ready函数中,Ready的这个回调函数中才行啊,这是大家要注意的,也就说呢,为了为了确保万无一失的话呢,你可以把一些代码全部也放在这里面,使用SDK的代码放在这里面啊。如果没使用的呢。那你就不用管,那你放该放哪是不是放哪,只有使用SDK的代码可以放,这里面就是ready函数啊,那除了这个呢,还有一个error,当你验证失败的时候呢,它会执行这个。
02:13
是不是也就是说呢,你在这里呢,就要去怎么呢。当你验证失败的时候呢,他说你执行这个error,然后呢就会去做些事了,那通常呢,我们不会去做这个事,因为呢,这error呢,基本上不会出现,只要你第一次成功之后呢,今后呢,基本上就没有什么问题了,不用去改这个东西了啊,那这里呢也可以去显示啊,比方说这是error就会返回给用户一个。404的页面,或者是一些错误的一些相关的信息,是不是可以在这返回,这是咱们的一个,就是我这个微信SDK。验证通过的。回调函数是不是就比如说验证会通过的回调函数,那下面这个呢是。
03:01
SDK验证。失败的回电函数,这是这两个啊好,然后呢,除了这些呢,我们再来看一些其他内容啊,这里面说一下所有微信这个SDK提供的接口啊,就是在我这个WS对象上,是不是我这个WS对象上,除了我之前,你看我之前是不是传的这些参数啊,就是这些参数,除了这些参数之外呢,它还包括以下这五个函数,五个方法,一个success,就是接口调成功的回调,一个是file接口调用失败的回调,一个是接口执行完成,不管成功失败呢,它都会执行,不管成功失败都会执行,还有一个是KO用户点取消我这个回电函数。然后呢,他就会要用,是不是这里呢,就涉及到有一些接口权限呢,他需要去问一下用户,问一下用户是否开启,比方说我们那个用户的地理位置是不是他要选择,我要不要去选择开启啊,是不是他要去选择,如果他点击取消的话呢,就会对应的调用我这个cancel的回调函数,然后这里呢,就是一个特殊的需求,就是只支持这个菜单中的一些接口,当他点击这个按钮的时候呢,被触发是不是通常呢,我们用的比较多的就是前面三个用的比较多,那这个第四个呢,是根据一些特殊的需求的话呢,会用上啊,那这个呢,只是根据极特殊的需求才会使用啊,就是这个,然后下面呢,有一些相关的一些注意事项,那到时候呢,大家自自己看看啊,那调用成功的时候呢,它就会返回叉杀,OK,那它调入失败呢,调用取消的时候呢,就会叉杀cancel,如果失败的话呢,就会返回具体的错误信息啊,大家就要根据这个错误。
04:49
信息来去找,你到底遇到了什么错误,这是我们要提前知道的,那接下来呢,我们再去真正的去使用一下我们微信的相关的一些接口啊。
05:00
这里呢,有一个基础接口,我们可以看一下。它这个接口是用来去判断到底是否支持指定的JS接口,是不是它这里呢,可以专门去判断,它比方说呢,我就放在这个后面,放在这个ready。函数中是不是这里呢,正好有个success对不对,除了success呢,它可以放置我们的。除非哦,所有的都可以去放,所有地方都可以放啊,只不过呢,我们可能通常不去用它这里来说啊,它可以把你需要检测的GS接口是不是放在这里面来了,比如说我们要检测这四个的话呢,就把它给。放置过来,他呢,会具体告诉你到底可不可以去使用,然后呢,最终呢,通过这个is给返回给你,是不是我们可以看一下,现在呢,我们修改了我们的这个模板页面的代码,是不是我们修改了模板页面代码的话呢,我需不需要启动重启动重启我们的服务器呢?
06:02
啊,不需要咱们改页面的代码的话,是不需要重启服务器的,我只要刷新这个页面就可以了。好,这里呢,就会报放放置我一些更多的信息,是不是来看它具体的打印错误打印信息。他这呢会告诉你叉叉叉叉什么,是不是OK的,是不是为true的话,说明你调用权限是可以的,为false的话呢,调用权线就是不可以,那现在呢,我这些接口是不是都可以啊都可以好。啊,这几测试啊,通常你开发的时候呢,并不会写,进行测试的时候会去写啊,这里就是这个接口是干嘛的呢?验证你这个接口是否有权限啊,只有权限的接口你才能调用好,然后这个,然后再看一下其他的吧,然后呢,我们真正的去实现一下我们的功能,我们来做一个功能做一个。比方说就是语音。识别的功能,是不是做一下语音识别功能,那我们语音识别这个功能,我该做些什么操作呢。
07:09
大侠,我做语音识别,我该怎么办?首先,我应该怎么办?用户他到到时候是不是可能会说些话,是不是,我是不是应该把这个录音给保存下来,想办法,是不是首先要接合他用户发送的录音,是不是,比如说它实时说的话,我要接下来,然后接下来将这个录音呢?最终我要把这个录音转换为一个可识别的文字,是不是转为可识别文字,然后接下来再对这个文字进行相应的操作,是不是,那我至少要做这件事,所以呢,我们就要调用它相关的一些接口,就是这个。首先呢,我要调用这两个开始录音和停止录音,好,来到这里点进去我开始啊,这里开始录音,你看它极其的简单,WS.start是不是好,这个很简单,我们来写一写啊。
08:10
好把这收一收,然后呢在这下面去写我们的功能,我们这里呢,做一个语音识别的功能。语音识别的功能的话呢,来看我呢,去绑定一个事件啊,这里面呢,有一个这个标签是不是我给他呢,加一个ID属性嘛,叫做色十可以吧,给他一个ID给给他40,然后接着我是绑定世界啊,那移动的事件呢,因为写起来比较麻烦,那我们就引入一个库去写哪个地方哪个库在移动端处理这个事件比较好呢。就比方说点击事件之前哪个货呢。怎么啦?
09:00
是不是这用起来比较好顺手啊,它封装这些点击事件是不是更好用一点啊,比起我们来说是更好用一点,并且呢,它呢是相当于是包含了里大部分的一些东西,是不是,所以呢,我也可以进行一些动操作了,是不是所以就使用z two,那我们现在去引入一个zip two,我该上哪找呢?通常来讲是上官网,但是呢,我们上CDN啊CDN呢,直接可以拿到那个我想要的那个地址,是不是CDN的地址就不用去缓存了,来我们来到我们的boos c dn在这里面呢,拿个网址我们搜的是C。负是不是好搜索的框架在这,是不是现在它有一万多个star很高了啊好,这里呢,我们记得要复制的是第一个版本,第一个版本后面的不要复制啊,后面呢,它不包含移动端的点击事件,如果你复制后面的话呢,你拿不到,你要复制第一个,我复制这个标签,然后呢,把它给放到我这个下面来,是不是再引入咱们的z two,然后接下来去使用它。
10:04
使用手机能绑定世界波尔福大框。然后呢,井号色是去找到这个标签元素,是不是给他绑定事件绑定什么呢。他有一个事件叫做tab,有没有遇到过ta是什么呢?就是点击事件,是不是这个点击事件,然后呢,在这里面呢,传的就是一个回调函数了,回调函数然后呢,这里面我们再写,当他点击的时候,我是不是要我要干嘛呢。开始录音是不是?开始录音。好,点击一下之后,我开始录音,那这时候呢,我就要调用刚刚那个方法了。WS点是不是。开始录音,那他这里面呢,其实也可以传一个对象啊,其实也可以这样传。
11:06
所有的方法里面都可以那个这些东西。所有的这些里面都可以这样传啊,是不是也有这些东东都可以传的,只不过呢,他这个方法呢。相当于是说一个同步的,可以直接这样去调用就可以了,开始录音,然后接着呢。我是不是要想办法还得结束录音啊,比如说到时候用户再点一下的时候,我就是结束录音那么好。那么好,那现在问题是什么呢?啊,我先把这个结束录音给拿过来,好先把它的这个方法拿过来啊,就是这个停止录音啊,CTRLC。好,这个题出录音就有意思了啊好,现在呢,我不可能这样去分装啊,是不是我这样分装的话,大家一点它开始录音之后呢,立马就结束了,这样不行是不是,那我该咋整。
12:09
怎么办呢?应该怎么办啊,你们是说长按是不是长按,那现在我们就简单一点吧,我们叫点击,因为长按的话呢,你实现下它暂时好像没有,它长按的话只能长按三秒钟,它有一个专门的一个事件叫做long long ta事件,但是这个事件呢,它只能三秒,或者是多久多久,那这样的话呢,不太好,因为呢,你可能用户长按它会长按很久是不是,那么我们就比方说它点一次开始录音,再点一次呢。结束录音,那该怎么做呢?啊,这里呢,我们通常会怎么做啊。我们会设置一个。
13:00
什么东西呢?对,设置一个标志位嘛,是不是来标志着它当前的状态,是不是标志着当前状态,我们这标志位呢,比方说创建一个变量,叫做一子record,是否是在录音初始化的时候呢?它是因为初始化它有没有录音没有,这是是这个标志位,这个标志位代表的含义呢,就是是否在录音中,是不是是否在录音中,它初始化是false,那我在这里面就去写了。衣服这东东是不是椅子衣这个。啊,取个法是不是一开始取个法它是false,所以说它要开除录音,然后呢。然后还是干嘛,他就等于处啊,将这个标志位是不是置回去啊,将这个标志位置回去等于处,然后else呢。
14:01
是不是从这结束录音啊,然后结束录音的时候呢,你记得要把它这个在success中放着,把这个改为。False,是不是就是要做这个事,好,然后呢,我们接下来就去看这个东西,是不是这个ID是什么呢。嗯,它呢,有点像我们的mediad,有点像media,说明呢是这样的啊,这个接口是怎样调的呢?当我去调这个接口的时候,我是不是点击结束录音啊,它会将这个录入好的音呢,上传到微信服务器中,然后微服务微信服务器呢,会返回给你一个ID值来代表着这条ID的信息,然后呢,你就会通过这个ID值去找到对应的ID,这来这个资源是不是就是这个它呢?结束结束录音后会自动上传录音到微信服务器中。
15:06
那微信服务器会返回一个ID值,ID给我,给开发者。使用是不是返回一个ID给开发者使用,那接下来呢,我们这里拿到这个ID呢,ID了,我接下来干嘛呢。ID有了,说明这个录音也有了,我接下来把这个录音干嘛?啊,我是不是要将录音转化为一个文字啊,是不是将录音转化为文字啊,我将转化一些识别后的文字,是不是这里面呢,也是掉了它一个接口啊,这接口呢,是往下看一看有没有啊。这里有个智能接口叫做什么呢?识别音频并返回识别结果,是不是我们先复制一份?
16:01
来看一下它正好使用了什么东西呢?来看看这里用什么。是不是ID啊,所以说。是不放上去对不对,然后这些呢,是显示进度条显示,那这样我们就将一个语音识别给。完成了,然后当它这个转换成功之后呢,它的success这里面就会将你这个语音识别结果呢给打印出来,是不是打印出来,那我们呢,在这里呢,把这个文字也打印出去,这个ID址不用打印吧,我们就待会看一下它识别的这个文字就可以了,它是不是lo出来啊好,这个呢,就基本上呢,将一个最基本的语音识别给写完了,我们测试一下来这啊这里其实可以测试一下,只不过呢没法录音,好先刷新一下页面,这时候我们发现这个页面它这里。文字太小了,怎么变大一点?
17:00
塞是不是?咱们现在是在移动端怎么办呢?我是不是要加一个什么麦标签啊,将他的那个像素是不是调整好啊,是不是,那我就写个麦标签啊,那让大家看下还记不记得,记得记得怎么写。Name等于,Value等于是不是?然后叉赛等于是叉赛吗?乱扯啊啊,谁说的叉什么东西,一个什么字段,那个名称属性名叫什么。啊,不是不是不是叉叉是另叉上面的东西啊,可能等于等于device device。
18:03
然后分号,然后呢,等于。1.0是这样的吗?你不乱扯,应该是U什么?是吗?Initial I t initial是这样的吗?啊,是不是等于1.0,初始化为1.0,然后还有。这里user l是不是这样的,有这个A吗?有等于no,还有呢?
19:01
是不是max这个你不写是不是,但是如果写的好一点的话,应该是要加上的,那不写呗,就是这样是不是好,那我看一下到底能不能使好不好使啊。哇,不行,你们这个东西肯定有问题,可能出现这么大的,我也没去改过他的风塞子,是不是没改过风塞子,那出现这么大的只有一个原因,就是这里写错了啊,这样吧。不考虑你们了,我去复制一偷一个,把它调为移动端是不是,这肯定是个响应式页面,响应式页面的话,一定会有一个那个标签,我去偷一个,是不是这个CTRLC。然后呢,看一下哪里不一样啊。哪里不一样呢啊,他是个动号,我要的是封号是不是,哎,那我就号看一下是不是封号的波啊。
20:05
是不是可以了,后面分号不打紧啊,只要后面没有东西是不是,哎,就是有个逗号那就可以了,那大家没有问题啊,错怪大家了,是不是好,然后呢,现在再来看啊,这个自己也变大了,接下来我去测试一下我功能能不能实现,是不是当我点击的时候呢,它会开始录音是不是,当然了,它现在呢,因为我这只是一个工具而已,他并不能真正的去录音,他会返回一个模拟调试的结果给我,我点他是不是说开始录音啊,是不是好,这时候在录音中了,当我在点的时候呢,结束录音是不是好,然后呢,会调用这个接口,然后现在发现这个接口权限呢。他说是彭明生value is离线的一个权限是不是啊,这个呢,其实也是要很一样的告诉大家,就是在之前呢,这个呢是能够使用的,也是在在半个月之前是能够用的,但是呢,最近一次更新这个东西呢,用不了了,用不了了,那你要想继续使用的话呢,它需要去有相应的一些权限啊,这个权限呢是没有用的啊,要去相应的权限,也就是说现在呢,我们目前能做到就是开始录音和结束录音,然后呢,就做不了这个我们之之之后的这个功能了啊,因为呢,咱们其实在之前呢,来看一下刷新这的页面啊,他在这里打印这个结果时候呢,我们也没发现这个translate这个voice是不是之前我们是不是设置了这个接口啊,在这里面配置这个translate voice是不是,但是呢,这里是不是没有显示。
21:46
啊,现在呢,我们用不了这个接口了,但是呢,如果你要使用的话呢,就是。如此使用就是在我这个呃,开始录音,然后在结束录音,是不是,然后在这里面呢,再去做语音转换,此时呢,此时此刻呢,你是不是在这里拿到了你语音的识别结果啊,那接下来你在后面呢,就能对它进行相应的处理了,你需要对这个语音识别结果做任何处理都行,那我们之前呢,是对它进行那个报办查询,就是查询相应的内相应的信息,但是现在呢,我们好像完成不了了,因为这个接口权限呢,我已经用不了了啊,之后呢,他被他改了,包括呢,上面有一些接口呢,他也现在正在废弃中。
22:33
这两个呢,也在即将废弃中,那就是说这些东西呢,它需要可能会有相应的API会去代替它,但是没有废弃的东西呢,你是一定能用的,但是正在废弃,即将废弃的这些东西呢,可能某一天他就用不了了,用不了了,所以说呢,就是现在是这样一个情况啊啊我们现在呢,比方说呢,我这里这个是不是调用不了了,调不了的话呢,怎么办呢。
23:03
其实这里面应该是要拿到我返回结果的,是不是那我不拿它,我们这里呢,告诉大家一个方式,我们去用一下豆瓣的一个东西啊,然后在这里我去模拟一下我的结果可以吗?模拟一下这个结果。模拟结果,比方说我查询什么呢?诶,这怎么打不出来模拟的结果,结果查询一个东西,我们查询的内容,比方说查询一个。一个电影吗?查询一个电影,查询什么电影呢。我不是药神可以吗?这是最近的,最近的应该不是这个,最近的叫西虹市首富,是不是大家有没有看过呢?不是这个西红柿。啊,西虹市首富应该挺好看的啊,还行啊,然后呢,我们来看一下,就模拟一下,我假设是这个结果,然后呢,我接下来是不是要去在这里面去豆瓣去请求相应的数据啊,我们要去去豆瓣。
24:08
请求相应的电影数据是不是?要去豆瓣去寻求相应的数据,来看一下,我们来去琢磨一下豆瓣的接口,它提供的接口我们再怎么使用,搜的话搜豆瓣API,搜豆瓣API就可以了。好,现在API呢,更新到了第二个版本,那我们从第一个开始吧,这里有个标准接口点开。嗯,这里再点这个吧,看看哪个快一点,这个就不管了,好这里快速入门是不是,这里面呢,我把第一个地址给复制一份,这个地址呢比较重要,因为后面的它就没有这个完整的地址了,它就只有后面的这个路由部分的东西了,我们先把这个地址先复制一份一个这样的地址啊好,这是呢,他告诉你一个该怎么去使用的一个例子,那接下来呢,我们再往下看一看啊,这里面呢,我们其实要进入的是这个VR测试版。
25:06
就是他提供的第二个一个测试版的一个东西,进入到这里面,我们再往下翻啊,这里面他单独列举出来的一些相应的一些内容,我们呢要往下走,这里面呢,下面呢,它会有一个这个索引目录,是不是它提供了这么多接口的一些调用,我们现在要用的就是。电影是不是点进去,点进去电影的话,再往这里呢,它会告诉你。他对API呢,进行了权限的分类,公开高级以及商务,那对应的就是第一个是免费的,后面两个呢,是要么掏钱,要么呢你就要去注册相应的内容,然后要通过他的审核才可以使用,所以呢较为麻烦一点,那这个呢,我们就用这个公开的就足够用了,那公开的呢,我们要注意它这里呢。
26:02
也就是说一分钟呢,它限制请求了40次,是不是,也就是说如果你请求量很大的话呢,你可能需要等待一定的时间才能接下来去使用,所以呢,我们要注意这些,然后接下来呢,我们现在要去使用它呢,将这个API列表是不是列举出来了,那接下来呢,我们就去看哪里需要去,我们要用哪个呢。啊,首先第一个呢,我们可以去使用什么电影条目信息,是不是,但现在呢,我们还用不了这里面呢,因为它需要传一个ID址,我们现在没有,那我们现在能用的呢,是这个电影搜索,根据我用户说的关键词,我是不是搜索相应的电影电影信息啊是不是,那我就要做电影搜索来点开。好,来到这个地址搜索这里来看它这里第一个地址呢,就是我那个请求的地址是不是,你看它是不是没有前面的这个部分啊,所以说呢,你要前面呢,先复制一份才有,不然的话呢,你到后面呢,你都不知道请求地址是啥,好这里呢就说到他就是。
27:06
权限了。它对应的我刚刚我们看的是不是有三种权限啊,每一种权限对应的不同的一个英语单词,那这个呢,就是我那个基础权限呢,也就是那个公开权限的那个意思啊,公开曲线,然后下面呢,就是它的调用的示例,是不是你可以传这个QQ,代表的就是你要查询的,其实代表的应该是query,你要查询的那个东西是不是,也就是你搜张艺谋相关的电影,然后呢可以修,还有一个tag tag是。标签类型呗,就是你那个电影的类型,是不是根据类型也可以去搜啊等等都可以,然后这里列举出来了,后面呢,可以携带个,还有可以携带的就是开始,因为呢,它里面资源很多,可能你搜一个关键词呢,可以搜到上千条信息是不是,但是呢,它一次性只能回复给你。20条是不是,那么你想要更多的数据,是不是又得去往下去加啊,从21条开始请求是不是啊,是这样的,这看怎么可以指定回复的数量啊,这就是一个接口的一个权限的大概配置,就是I qiq代表是请求的,你要可以填的东西,Is呢代表的是。
28:19
响应的内容,这就是响应的数据的大概的一些字段了,啊,那我们接下来呢,去用一下这个接口,把这个地址给复制一份。然后呢,把这个改一改。好是不是这样的,这后面呢,到时候就根据跟着我的用户的一个发的消息,是不是,然后呢,把这个地址复制一份,接下来我要干嘛呢。是不是先这个地址发送请求啊,是不是,那这时候我们要注意一个点,就是来看啊,我们首先这样去查询。是不是把这个西虹市首富放在后面,CTRLC,我可以在浏览器中去查询一下。
29:04
好,这里面呢,用我用的这个F1去格式化我的数据,这里面就会返回它那些相应的信息,是不是会的确会返回,然后呢,这个信息呢,我也能拿到,然后这个信息里面呢,这些字段呢,也来看一下吧。第一个呢是。数量也就是说什么呢?给你返回20条数量是不是,然后start是零是不是total呢?代表是应该是总数的意思,但是呢,实际上呢,它的字段应该是是不是两条,你请求的是20条,但是实际上你只有两条相关的信息,是不是总上写示两条,然后subject里面的才是你每一条信息是不是开的,就是你要搜索的内容了,然后再点开这里面看一看,这瑞代表的是。什么呢?你看这个都知道什么。
30:01
Re,是评价的意思呢?平分呗,是不是我的电影是不是有屏分啊,是不是这里面就是平分什么最大值平均值它的。大量是不是还有这个最小值等等啊,然后这个呢,是它的类型,喜剧类型,这是它的标题,然后这个呢是什么呢?看是他啥主演名单,是不是主演名单,然后这个alt呢,是他的这个主演的个人详情页,是不是沈腾的个人详情页啊,然后呢,这个avs,这个好像是阿凡达的意思啊,是不是是吗?A,这是什么意思呢?他的头像来对应的是小图大图和中图,他的头像是不是呃头像啊,然后呢,这里上的名字,这是他的ID值是不是,你看这个ID值呢,我对应有这个ID值的话呢,我就可以找到他。
31:06
相应的信息了,是不是有这个ID址就可找到它相应的信息了啊好,这是主演,这个是宋云。宋宋一叶嘛,是这叫叶啊,画嘛画画啊,这是张一鸣,是不是这些都是相应的啊,我们就不讨论了啊,然后这个collect collect count是它的收藏数量,是不是那也蛮多的,然后这个呢,是它的原来的名字,是不是这个原来名字呢?通常是对外国的电影可能会有效,比方说像什么侏罗纪公园,翻译到中文是侏罗纪公园,但是它是不是有它的英文名啊,这里就会放出他的英文名啊。然后呢,就是。它属于是电影啊,还是图书啊等等类型的,是不是它属于是电影,然后这个directors呢,导演对这里就是他导演,然后也是相关的导演的信息啊,然后下面就是他的上映的年份,是不是2018年images呢,就是他的。
32:07
电影的海报是不是来?你的海报呗,是不是西虹市首富是不是?海报,然后呢,最后呢,就是LTLT呢,就这里会跳转到我那个豆瓣的那个对应的那个西虹市首富的那个页面。是不是就是对这个西虹市首富的这些一些那个啥介绍呗,是不是,然后ID值呢,你看这些ID值呢,都是跟这些息息相关的,我知道这个ID值呢,其实我就想办法能拿到这个页面了,是不是根据这个ID值就能访问这个页面了,好,这就是我一条数据的一些基本的一些内容了,那接下来呢,我们就去请求一下这个东西是不是,那我们请求他呢,使用的是jary是不是jary怎么发送请。什么get啊,咱们就是这样可以发送的,但是这里我们需要注意一个事情,就是它这个里面呢,他做了跨域的处理。
33:11
他做的话语的处理,那它默认支持的就是JSNP,所以说呢,我们不能这样普通的发送请求,我们要用NP去发送请求,那在这块中呢,它提供的一种方式来让我们快捷的去发送dress NP的那个啥,它的这个地址呢,叫做get。Get p应该是这个啊,我们来搜一下他的这个地址,叫做get,我们可以上网去搜这个的这个。文档是不是ZQ?Query这块文档在这里面呢,会有在线的一个文档,这个文档呢比较好啊,挺好的,但是呢,唯一缺点就是你需要联网,然后呢,它会有一些些广告,然后在这里面呢,我们一直都没讲的这个方法,那现在再看一下在发送阿迪克斯的地方在哪呢?在这是不是我们之前讲的这这些方法是不是,那现在有个方法叫做get get不是不是我们所说的那个B啊,Get这里面传参数呢,第一个ul,第二个呢,是你可以携带的请求参数,是不是,第三个呢,就是回电函数,这个东西呢,就是可以去请求,通过B的形式呢来去请求你的。
34:29
想要的这个东西get dress啊,Dress是大写啊,我们来使用一下。是get第一个地址,第一个参数呢,是你要请求的地址,是不是我们在外面去定一下这个地址先等于。前面这个是不是能确定啊,咱们这里呢,可能写死了,但是正常情况下呢,你是要拿到这个请求的,回来的数据是不是进行查,是不是好,我们假设要写写死啊,因为现在呢,这个接口用不了了,那这里呢,第一个地址是这个ul,是不是你可以直接这样写,也可以放在这中间,是不是可以传一个对象啊,这对象就是你请求的数据是不是也可以放在这里面,比如说Q等于。
35:15
比如我们这里写一个吧,叫做count。是不是还可以传看子最大为20呗,是不是,然后这里当然也可以写这里面啊,比如说都写在里面吧。其实也不一定要写里面啊。写哪都行,这里面呢,我这后面是不是不加了,好,然后最后一个是回调函数,回调函数就有个代塔,这个塔就是最终我要请求未来的数据是不是好,我alo一下,我看一下到底能不能行啊。好,哪里少个分号,这里少一个分号是不是好,接下来呢,我们来看一下,到底能不能将这个data给打印出来呢?我们来看一下,刷新一下我这个页面。
36:06
当我点击的时候,是不是它会开始录音啊,当我点击结束的时候,是不是结束录音,然后去发送请求,请求数据啊,我点好这时候呢,他这里报的不错,来看一下,他说这个东西呢什么呢。不能加载,哎,难道现在都他说这个东西没有什么。没有这个请这个头是不是,你看他做的快于处理是不是,再看一下这个next work请求回答的这个成功的回调中呢?我们有没有做处理呢?没有做处理是不是,那这里我们要注意的地方呢?它还要加个参数,我们这get加呢,还写错了,还是加个参数,还是加是不是回调函数啊,需要加上一个call back回调函数,那么这个call back呢,它的值为多少呢?你传个问号就可以了。
37:01
这个值你不需要传,因为呢,它会默认将这个后面你传的这个回调函数作为你这个call back的回调函数,它会默认这样去处理啊,所以说你这里呢,不需要传一个问号就可以了,那这时候呢,我们再来看一下啊。刷新一下页面。呃,点OK,再点结束好,呃这种放到什么算。还是说这个错误是不是,那说明我这个传三肯定出了问题了,这样吧,我把它写成先写成最最初始的话的样子,Q等于。我先写call back吧,Call back等于个问号就可以了,它不需要等于啥,等于问号,然后呢,And,我这个Q等于西红市首富是不是我中间这个参数我先不传啊,我先不传,我就拿一个ul可以吧,啊,我就这样传我这个拖。
38:01
嗯,我这因为JS模板无所谓,那我只要重启服务器就可以了,重启刷新我这页面就可以了啊。好。OK,然后呢,点OK再点结束,看到没有,刚刚是不是打印出来的那个。Object object是不是它是不是默认会做一个处理,第二个string,也就是现在我数据是不是返回回来了啊,也就是说刚刚我们这设置呢,可能出了问题,但是呢,你只要这样写是不是没问题啊,它就等一个问号就可以了,不用你等于啥啊,好,那现在我拿到数据了,我接下来就要对这个数据进行处理了,比方说我将一些刚刚发送过来的数据呢,我显示到我的页面上,写到页面上,那我现在呢,要拿到这个数据。我挖一个来看啊,这数据呢,我们在这里呢,其实已经模拟请求回来了,我们想要的就是这个。是不是subject啊,想要的就是这个东西,所以说呢,我通过subject这个结构赋值的方式呢,拿到我这个subject,从中是不是,然后接下来对他进行。
39:07
什么呢?给他打啥?他现在是不是一个来看我这个subject是什么,是个数组,我我接下来要做什么呢。那我要遍地取出每一条数据啊,是不是?点。点。把这个给放下去。For each。嗯。方法是不是好,然后呢,在这里面写写内容,写我们的item function吧。Item是不是好,这里面呢,就能拿到我每一条数据了,接下来呢,我就要把这个每一条数据呢,到时候给放在我的那个页面上去显示,那我对应的页面上呢,我先整一个有容器来去装置它,比方说放一个ul。
40:06
待会呢,就展示一下它这个U的ID,给个值吧,叫做list,我就用这个例子去抓住它可以吧,然后呢,在这里面呢,接着写呗。然后呢,首先我要把这些东西呢,因为待会呢,可能我要用很多数据,比方说我要展示一下这个标题,展示一下这个评分,再展示一下电影的海报等等,是不是,那么这时候呢,我要对应的有创建多个标签啊。那我呢,就直接写吧,多了福大括号,我去找到我那个元素是不是例子啊,然后呢,点。HTML在这里面是不是写我那些东西啊,是不是写我的标签里字符串对不对。比方说第一个呢,我这里面写个标题吧。HR标题。嗯,啊,他写起来好像很麻烦,是不是这样,我们有个最简单办法来看看,不是我先在这里,我先把这个样式先写好是不是,然后到时候再粘过去可以吧,这里我是不是翻标题啊,这里翻标题,然后再再要写什么呢?
41:20
比如说屏分吧,屏风是不是比屏分为叉叉是不是,然后呢,再放一个图片可以吧,放一个海报图片,然后呢,这里面为了让它充满意涵呢,我都包一层div吧。因为我不想设置样式,保存div可以吧,放一个image这里面到时候图片地址是不是要指定啊,这是图片,然后呢,还显示什么呢。再来个A标签,这A标签呢,就放置着,我到时候要点击的网址是不是连接。待会儿呢,我就发这个网址,然后呢,到时候他点击进去呢,能跳转到我豆瓣的那个网页中去,那我就大概展示这四项可以吧,那我这评分呢,放就这样放那CTRLX,然后再把它给。
42:13
粘过来是不是更快一点啊,因为待会呢,你在这写的话呢,你更费劲了,在这写的就快一点,好在这里面呢,我就拼创。拼呗,加加加的。Name item name就可以了,这里是item name,那这里也是佳佳是不是?加我的item点这里就稍微麻烦一点啊,来看它是先是RA,再是我们是不是一般都看这个平均分啊,Average一般看平均分,所以说它是average是不是,诶是不是写错了。EI是不是,然后呢,这是图片,图片这是不是也拼都拼起来。
43:07
这里是我的。下面的images,下面的展示一个什么图呢?然后找回一个小图,因为咱们移动端的通常是小图啊,好展示个小图是不是,然后这里是不是它跳转的连接啊,也写一下吧。就是item.alt去跳转连接,然后这里呢,就显示em点吧。这里也要拼串,是不是所有用的地方呢都得拼创。Item name,哎,这不是name,这应该是title啊,它这里叫title标题。那我把这个给复制一份,我把这个图片也改一下,改成我这个title。是不是这是不是拼成了那个串啊,那最终呢,我不能这样,不能这样写死啊,我这个应该是要它遍历的时候呢,把它给是拼在一起,我最后再一次性把它给。
44:10
是不是整齐整齐整在一起啊,是不是,那我呢第一次呢是这样,我呢应该在外面去创建一个。HTML它初始化为一个通是不是,然后最后呢,我再去把它。全部给添加进来,是不是要做一个这样的处理啊。哎,这里错了,下面也错了,好。是不是这就是我们最终写的一个处理啊,当然了,如果你写的更好一点的这些东西呢,应该是。不要的。换完服压根就。用不上,是不是包括这些空格是不是也也要去掉啊,那我们就不一个写了,这样去掉就这样写掉,是不是,我们来看一下到底行不行,能不能展示我们的东西,我们来。
45:01
刷新一下我们的页面。好,当我点击的时候,它会开始录音,当我结束的时候。哎,他是不是来了西虹市首富,然后评分,然后下面是我的海报图,在下面就是点击可以跳转的离址网址是不是下面是个可爱的Lucy,这个不知道为什么会有这个,难道就是因为这个西吗?是不是只有这个C是不是有点相关啊,其他东西都没有啊,好,这个呢,就是我们这个语音识别电影的一个结果啊,这里呢,很可惜的就是他这个语音识别功能呢,现在我们用不了了啊,之前半个月之前还是能用的,但是现在用不了了,所以说大家呢,先去模拟一下这个结果,关键是呢,看一下在这个接接口基础上呢,去熟悉一下我们这个接口该怎么去使用,另外呢,看一下我们豆瓣它提供的这些公共API,我该怎么去请求啊,把这个停一下。
我来说两句