各位同学大家好,这一章我们确实写了很多代码,而且这些代码都是我们以前不知道的。很多同学平时写的程序都是基于CRUD操作的,像视频会议这种功能,以前还真没接触过。一对一的视频不算什么,我们弄了一面视频墙,执行的可是多对多的视频会议。例如开会的时候,某个人想要讲解PPT也可以,只要他共享屏幕就行了,其他参会人可以看到他共享的电脑屏幕。为了保证足够清晰,我们把分辨率还设置成了1080P。这么看来,我们设计的在线会议功能可以称得上是Web版的腾讯会议了。既然这一章的内容特别多,所以接下来我们一起对这一章的重点内容做个回顾。
一、创建TrtcClient对象连接视频会议室
会议申请审批通过之后,参会人还不能马上进入视频会议室,工作流项目的定时器在会议开始前15分钟,才创建视频会议室,所有的参会人在会议开始前10分钟才能进入到meeting_vedio页面。进入这个VUE页面还不算进入视频会议,我们需要创建TrtcClient对象,并且让这个对象订阅很多事件,然后才能连接视频会议室。这里有一点要说明,创建TrtcClient对象的时候,需要用户签名字符串,这个是后端Java项目生成然后传给前端页面的,我们并不在前端生成用户签名字符串。
二、视频墙显示本地视频和远端视频
当我们初始化本地视频流之后,就可以在视频墙上播放了。视频墙第一个格子是给本地参会人预备的,我们本地的视频就在这个格子中播放。如果我们成功订阅了远端视频流,我们也要在视频墙上找到跟这个参会人对应的格子,然后在里面播放这个来自远端的视频。我们写代码,给这些远端参会人的格子加上了双击事件。用户双击之后,这个远端视频就会在大屏上播放。双击大屏,就切回到小屏播放了,这个功能咱们都已经见到了。
三、实现屏幕共享和在线参会人列表
我们除了可以向远端推送本地视频之外,我们还可以推送本地的屏幕共享。但是本地视频流和共享流只能二选一,推流其中的一个。如果要共享屏幕,咱们写的JS代码,先停止本地视频流的推流,然后销毁本地视频流,接下来创建共享流,然后向远端推送共享流。如果想要取消屏幕共享,还是先停止推流,只不过停掉的是共享流推流,然后销毁共享流。接下来创建本地视频流,向远端推送这个流。在这一章里,我们还做了在线参会人列表。不管本地还是远端的参会人,刚进入到视频会议室,就自动显示在参会人列表中。除了有文字信息之外,我们还能实时显示参会人说话的音量,这个功能太牛了。
四、实现麦克风和摄像头的开闭
连接上视频会议室,默认是开启本地摄像头和麦克的。如果用户想要中途关闭摄像头或者麦克风,这个也没问题,我们写了JS代码来做这个事情。
五、完成在线签到功能
除了以上这些功能,咱们还做了在线签到功能。不是随时进入会议就都能签到,其实签到条件还挺严格的。开会前10分钟到会议开始后的5分钟才能签到,而且还得是你没签到过才能签到。大家回忆一下,我们写签到功能的SQL语句真复杂的。想必大家都深有体会,咱们这个项目很少有简单的单表操作,要写SQL语句,基本都是多表操作,而且用的表达式和函数都挺复杂的。这种情况下,MyBatis Plus框架显得毫无用处,它生成的SQL语句都是单表操作的,我们根本用不上。所以大家别迷信自动生成SQL语句的框架,在企业级项目中,SQL语句还得靠我们手写。以上的这些就是本章的主要内容,下一章我们要做罚款模块,而且当事人还能用微信支付罚款,这么有意思的功能,咱们下一章就开始动手实现。各位同学,咱们下一章再见。