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

   日期:2020-05-26     浏览:446    评论:0    
核心提示:项目介绍这是本人的毕业设计项目,写的很糙,但是对网页开发有了一定的了解,现在把项目分享出来。本系统是采用vue框架搭建视频管理端,用小程序作为用户使用端,其服务器与控制摄像头模块都是用node下的koa框架搭建的,开发架构图如下:开发流程准备工作小程序要开通live-play/live-push组件,小程序的类型要满足如下需求才可以开启:实现视频会议是使用腾讯云平台的云直播和实时音视频,其官方介绍文档:云直播:link实时音视频: link按照腾旭的官方文档配置完毕后,就可以进行开发git

项目介绍

这是本人的毕业设计项目,写的很糙,但是对网页开发有了一定的了解,现在把项目分享出来。
本系统是采用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.
如果觉得还行的话,麻烦各位大佬点个赞。
至于数据库方面,有想了解的朋友可以私聊我,我给你数据库表。

 
打赏
 本文转载自:网络 
所有权利归属于原作者,如文章来源标示错误或侵犯了您的权利请联系微信13520258486
更多>最近资讯中心
更多>最新资讯中心
0相关评论

推荐图文
推荐资讯中心
点击排行
最新信息
新手指南
采购商服务
供应商服务
交易安全
关注我们
手机网站:
新浪微博:
微信关注:

13520258486

周一至周五 9:00-18:00
(其他时间联系在线客服)

24小时在线客服