用微信小程序加市面上的网络摄像头实现视频会议
项目介绍这是本人的毕业设计项目,写的很糙,但是对网页开发有了一定的了解,现在把项目分享出来。本系统是采用vue框架搭建视频管理端,用小程序作为用户使用端,其服务器与控制摄像头模块都是用node下的koa框架搭建的,开发架构图如下:开发流程准备工作小程序要开通live-play/live-push组件,小程序的类型要满足如下需求才可以开启:实现视频会议是使用腾讯云平台的云直播和实时音视频,其官方介绍
项目介绍
这是本人的毕业设计项目,写的很糙,但是对网页开发有了一定的了解,现在把项目分享出来。
本系统是采用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.
如果觉得还行的话,麻烦各位大佬点个赞。
至于数据库方面,有想了解的朋友可以私聊我,我给你数据库表。
更多推荐
所有评论(0)