用微信小程序加市面上的网络摄像头实现视频会议

项目介绍

这是本人的毕业设计项目,写的很糙,但是对网页开发有了一定的了解,现在把项目分享出来。
本系统是采用vue框架搭建视频管理端,用小程序作为用户使用端,其服务器与控制摄像头模块都是用node下的koa框架搭建的,开发架构图如下:

用的摄像头是淘宝上买的网络摄像头,长这样
在这里插入图片描述
数据传输格式是xml报文形式,像这样
在这里插入图片描述

开发流程

准备工作

小程序要开通live-play/live-push组件,小程序的类型要满足如下需求才可以开启:


实现视频会议是使用腾讯云平台的云直播和实时音视频,其官方介绍文档:
云直播:https://cloud.tencent.com/document/product/267/13551
实时音视频: https://cloud.tencent.com/document/product/647
按照腾旭的官方文档配置完毕后,就可以进行开发了。

用户界面截图

小程序端界面如下:

用户登陆
用户定位:

用户认证:
用户要使用创建会议功能的话就需要通过用户认证,用户认证的题目由视频管理端录入
开启会议界面:
单人会议模式,多人会议模式,带摄像头的会议模式。其中多人模式和带摄像头的会议模式最多只支持4人同屏在这里插入图片描述在这里插入图片描述

视频管理端截图:

在这里插入图片描述
在这里插入图片描述
查看用户信息:用于查看从微信小程序那边授权登陆的用户在这里插入图片描述
题目录入:可以增删改查题目信息,题目类型做了判断,单选,多选,其中单选只能增加4个选项,多选能增加到6个选项在这里插入图片描述
设备设置,关于这部分我逻辑做的蛮绕的。是通过将服务器发送请求查询摄像头的mac地址,通过将mac地址绑定到对应的表中实现硬件控制的。在这里插入图片描述
历史会议:展示小程序端那边创建的历史会议在这里插入图片描述
项目正在上传git中。
项目地址: https://github.com/yiyawu/bishe.
如果觉得还行的话,麻烦各位大佬点个赞。
至于数据库方面,有想了解的朋友可以私聊我,我给你数据库表。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章