00:00
各位同学大家好,下面呢给大家来演示一下腾讯云上传点播视频的其他方式,咱们看一下腾讯云的文档,之前咱们演示是服务端上传Java SDK,下面呢给大家来演示客户端上传的实验方式,这个方式给各位同学也是做个测试,那咱看一下怎么做。首先,这里写到客户端视频上传,是指APP的最终用户将本地视频上传到云点播平台中去。下面呢是他一个基本的流程,这个咱们先看一下,然后一会儿通过文档我们实现一下,大家看啊第一步它叫申请上传签名,然后第二步使用SDK上传,最终上传完成,完成通知里边是这么一个基本流程,那下面按照文档我们看一下这个过程该怎么去做。
01:00
然后这里写到啊,有一个前提条件,第一个咱们需要开通服务,并且获取你账号那个ID和key,这些值咱之前都用过,那我们下面继续往下来做。我把这流程在图上给大家画一下。小这里。腾讯云客户端。上传视频到他的云点播平台里边一个过程。那咱看一下啊,首先里边的第一步是它的一个前提条件,前提条件中两个,第一个咱们要开通这个云点播服务,这个已经开通过了,然后第二个要获取到以腾讯云账号的这个ID,还有他的key,这个咱们也有了,之前咱应该一直在用,这是前提条件,我们已经做过了,那这个之后下面呢,按照它的步骤,我们继续往下来实现。
02:03
那咱们看一下啊,下面怎么做,在文档中写的很详细,第一步申请上传到签名,那我写到图里边啊,就是第一个前提条件是这个,然后下面第二部分按照文档中的步骤,咱们来实现客户端。上传视频这个步骤刚才咱们看到这里边都有,那咱们详细说一下啊,这步骤该怎么去做,我在里边写一下。首先里边的第一步。就是申请上传的一个签名,这是它的第一步,而这步怎么做咱们看啊,文档中写的很详细,里边有它相关的事例,咱们目前用的是Java在什么,所以咱找到Java签名事例,然后用这个我们进行实现,那咱们打开看一下啊,里边有Java代码,然后代码中我们看到就是一个类,然后在类里边呢,它就给拼接了很多的相关参数,最终生成了这个签名,然后签名最终就是反应这个拼接出来的这个值,那在下面把这个我们来继续做一下啊。
03:15
然后这里面这个签名咱看一下啊,它有一个基本的步骤。就是拼接一个字符串,然后有一个固定径,径中拼上它的各个参数,这里边有很多参数,按照它来拼接就可以了,那咱们按照文档我们来写一下啊。咱们再重新找一下,找到咱里边的Java签名示例,它里边就是有一个类,那我现在第一步我这么来做,我在我当前的这个项目中先建上这么一个签名的一个类,我写到工具类中,把这个复制一下,这是我们类的名字。然后复制之后,把这个代码咱们通过文档直接复制过来。
04:00
这里边啊,它是有一个这个主方法,咱就复制前面的部分啊,这个我们做一个复制。那这个我直接拿过来。这是我们看到的啊,然后里边有相关的依赖,我把依赖从里边也是拿过来,放到咱们当前的这个类里边来。所以现在啊,我们写这个签名的一个类,然后在类里边咱们看一下这个写法啊,大家看这位置。它就是呢,拼接了各个参数,你看里边啊,加and的符号依次拼接,里边有不同的值。所以咱们把这个做到,然后在拼接过程中呢,咱们需要再做个事情,看它的文档中啊,就是上面有这些值,然后大家看到里边的这个纸。这咱之前说过啊,我们上传的视频要进行播放,需要用到这个任务流模板进行任务流的处理,所以咱们给他再加上这个参数进行任务流的处理,如果说你不处理后面无法正常时间播放,所以咱把代码给他改一下。
05:11
就是设立一下你的任务流的部分,那咱们写一下啊,按照这个结构咱们再写构,然后对照文档看一下参数名称这个名字。这个拿过来,然后等于在那个任务流的名称,这个名称我们到这个控制台中找一下,之前咱都用过,这里边任务流部分咱们找到这个名字,我把它直接复制过来,直接放到这里。所以现在啊,把这个咱也加上了,各位写的时候注意里边需要加这个部分,然后这个选完之后,因为后面这个签名需要用到,所以我现在在我的CTRL里边建一个接口,然后接口中就是返回这个签名部分就可以了,所以最后啊,我们来写上这么一个接口。
06:00
然后写到这里啊。就是返回客户端。上传视频的这个签名,咱们为了方便,我就加上一个get提交,然后起个名字,我就叫这个,下面加上方法public。然后在里边调用咱们刚才的类返回签名,这个过程我也从课件中复制一下,就是里边的这段代码,它的文档中都有,咱们拿过来给它改一下啊。大家看第一步new这个对象,注意啊,别导错包是咱刚才工具类中的这个对象,刚才要复制这个对象,然后第二个这是你当前账号的ID和key,这个咱们通过工具类给他取到。那我写一下啊,就是里边的这个工具类。第一个它的ID,第二个它里面那个把两个我们都到之前咱们都有这个值,然后下面有一个随机数,把依赖引入,注意这位置啊,这是设置签名的有效时间,你看我这么写就是有期两天,但是根据实际你可以修改,最后反映这个纸就是我们的签名,咱把签名最终做一个蕊退。
07:27
result.ok加上这个签名啊,注意不要选错,如果说失败,那我们就直接给他。抛出一个经营异常子肉new,一个硅谷课堂exception,然后加上一个值,说获取签名失败。所以大家看啊,现在咱就把这个上传视频的签名的接口我们就完成了,也就是咱们里边的第一步,这各位按照流程能做到,就你通过文档复制它的类,然后写个接口,让接口就返回我们的签名,这个咱就完成。
08:08
啊,这是我们的就是步骤中的第一步操作,然后这个完成之后,咱们继续往下看啊,看里面的第二步,第二步怎么做呢?使用SDK。进行这个就是文件视频的上传,那咱看这怎么做啊,在这里边我们现在找到这个叫web上传SDK,把这个点开,然后通过它进行操作。我写一下啊。里边的第二步操作。第二步。咱们web端。上传SDK用这个咱们进行实现,那咱们看一下怎么做啊,因为文档中都有源码,那咱找一下这里边有它一个基本的介绍,咱为了方便我可以这么做,看这位置啊。单击此处能查看DEMO源码,那我单击大家看啊,等它打开呃,稍微慢点,然后这里边呢,会有我们现在这个项目的源码,咱们通过源码可以快速改成我们的效果啊,这个东西啊,它比较慢啊,咱就直接看我的课件里,我课件中也是从里边复制了看下边啊,上面都写过了,这里边web上传SDK点击源码,源码中有一段基础代码。
09:25
这是我整合代码,然后我现在这么做啊,我就把这段代码咱们直接复制一下,然后咱们做一个测试就可以了,也就是这个地方啊,这个源码,呃,这比较慢啊,咱就不打开了,你get HUB有时候可能打不开了啊,我现在提前打开过了,把这代码复制到的课件中,然后课件中的代码我们看啊,这段代码呢,就是一个HTM的文件,所以我现在咱为了测试,我建个H条文件,把代码复制,然后改一下里面一些值,最终我们看一下它的一个效果。那我们来试一下啊啊,这就不打开了啊,你getu可能有时候这个网打不开啊,那现在我这么来做啊。
10:06
比如我现在我在我当前的这个工作区里边,为了方便,我先建个文件夹,文件夹我就叫vod,然后在vod中我建一个HTM文件,我就叫video.html,把我刚才代码咱们直接复制过来,这是它官方代码,只是我给他稍微改一下,然后代码中咱们改这么一个地方就可以了。啊,咱们看改什么地方啊,大家看就是。往这里看啊,再往下找有一个地方这个位置。你看啊,这位置是什么呢?因为现在用客户端上传需要汇到你那个签名,所以这里边加上刚才咱们写那个签名的接口径,这都啊AXLS进行请求得到我们的签名,那这签名我把径改成咱们接口路径。
11:03
Adin。Vod。改一下啊,Me vod,然后后面加上名字叫这个,这里边是一个get提交,把这路径我们给他改一下,他就可以得到签名,我在接口中最终也做了一个返回,把签名直接反应过来了,然后反应之后下面是他的其他部分,通过vuee,通过方法最终完成这个客户端的上传照片之后这个视频也可以在咱们腾讯云这个。控制台里边能看到你的视频部分,包括这个视频也做了一个任务流的处理,刚才咱们在生成签名中也做了一个设置,也就是这个地方。任务流的处理,为了我们能进行视频播放,所以现在啊,这部分就完成了客户端上传的一个整合,那完成之后,最后我们来做个测试,看一下效果啊,首先接口我现在启动了,然后咱们现在啊把这个前端访问,因为就是一个H文件,所以咱们通过这个server用浏览器直接访问一下,我们看一下效果啊。
12:17
大家看,这是一个简单易变,呃,多了一个句号啊,咱给它去掉。啊,多了一个句号,当时整合中啊,给它写错了啊,给它稍微改一下,然后现在你看啊,我点击直接上传视频就可以实现,咱们到里边找到一个视频,我桌面中我就找这个002点MP4,然后咱们打开大家看啊,下面有它的显示信息,咱们看上传进度100%,这是视频ID最终地址提示我们成功,所以现在视频就完成上传了照片之后,咱们到控制台里边刷新看一下这个视频。大家看啊。等它打开咱们看视频是出来了,就是我刚才传的视频,并且视频里边咱们再打开往下看一下,你看这里边是不是任务流也做了一个处理,给它打包成HLS等等这些处理啊,所以以上是咱们完成的,腾讯里边通过客户端进行视频上传,这个位给他自己测试一下可以了,或者说你把我项目中的功能也可以改成客户端,都可以实现啊,我这里就不改了,因为改也很容易,就是改一些页面的效果,咱们在这个项目中,我们用的是服务端上传,刚才咱们也做了。
13:36
客户端上传两种方式,各位都要给他能自己测出来。所以说以上啊,我们就完成了腾讯云里边上传点播视频的功能。
我来说两句