135.公众号开发-直播课程观看整合原创

各位同学大家好，刚才呢，咱们完成了获取直播课程的set token接口，下面呢，我们通过公众号来完成整合，最终进行直播的观看，那咱们看怎么来做啊，首先在官方的文档中说的很明确，咱们把文档先打开，我们看一下啊，第一个里边有一个H5全功能的模板代码可以下载，因为咱们做个测试，所以咱们为了方便用这个就可以了，是一个快捷模板，用它也是一样的，我就以这为例，因为过程都差不多，然后快捷模板你点这个进行下载，我这里边已经完成下载，就是里边一个压缩文件，在压缩文件里边就是一个H条文件，这个文件，那这个文件我们来打开，咱们来看一下这个文件中的简单内容。我们来看一下啊，文件中呢，其实把内容给我们已经都写好了，那这个内容我建议各位复制出来，咱到里边来看一下里边有哪些内容。

咱把它打开。然后大家看啊，里边有这个完整的代码，而咱们需要做什么事情的特别说明。咱们只需要把里面就是这个地方token值换成我们那个a set token就可以了，然后其他部分直接调用就能完成你的这个直播课程的观看，那咱看具体过程，首先这个我们已经完成下载，然后咱在前端的就是我们这个项目中创建一个页面，这页面呢，为了咱一会儿播放方便，我把它放到我们的PA下边，因为这个下页面咱通过这个IP多号能直接访问，就是通过local house8080加上index htl或者加上livetl进行访问，所以我这里写的是一个live.tl然后在里边怎么做的，咱们看一下啊，首先第一部分。这个前端已经整好了，第一部分呢，我们看这位置，就是当我们在这个菜单里边点击直播，里边有各个直播课程，咱们这里边菜单中做了添加，当我点击某一个直播课程，它会进入到里面，这个页面叫live info view页面，然后这个live页面是列表页面，咱就以这个为例，Live info页面，然后在里边我们进行播放，那播放的话大家看啊，首先里边有个判断，就是你是直播未开始，直播中，包括直播结束，咱这里边为了方便啊，这个值我就改成直播中，让咱们一会儿能进行查看，所以我就写上这个啊，为了咱们。

进行测试一下。然后一会儿我们进行直播，直播的话呢，里边这个方法叫普类方法，所以咱们在类里边来做这个具体操作，那咱们看到啊，这个为了测试我先去掉啊，然后play里边我们看方法中，我们是调用API中的方法得到你那个A才的token，然后通过这个路径把token传到live点中去，这个方法咱们刚才已经写过了。

我们看一下啊，就是在这里边。在这个API live这个文件中加上我们刚才写这方法，咱们对照一下，不要写错可以了，Get play author。ID get提交，所以这样的话，咱们把这部分就完成了，最终我们看啊，当我们在这里边找到那个方法啊，Play方法这里得到在to传到live.ht页面，然后在页面中我们进行跳转，页面中咱看怎么做的啊，我们通过路径中得到这个值，然后取到里面的第一个参数，因为它取到就这个set token这个参数，然后把参数传到页面，咱们最终完成直播的播放。以上就是前端整合，这个应该很简单，各位写的话把这部分直接复制就可以了，这里边已经都写好了，咱们通过这个路径能进行观看，然后下面呢，咱们完成最终测试，怎么测试我说明啊，一会儿我们在管理员系统中添加一个直播，然后在公众号中，咱把菜单里面那个值改一下，最终进行观看，菜单里面就是这个值，你看啊，Live in后面加上你直播课程ID，把这改一下，然后最终我们完成最终的测试。

那下面咱们开始进行测试。