聊天与视频逻辑图
2019-12-20 16:40:23 14 举报使用vue实现聊天以及视频功能
作者其他创作
大纲/内容
支持
vuex：将发送给后台的信息和聊天界面的视频邀请globalMessage
视频界面
java后台
展示在界面上
收到全局通知websocket
存储并处理收到的信息
打开聊天界面
聊天界面
接通电话，关闭通话
vuex：视频状态记录器videoStatus
发送给后台
告知视频状态
等待超时
通话时间，等待时长，等待超时
发送普通信息如文字，图片
控制消息是否发送
apizego视频
api腾讯云通话
打开视频siSingle=false
发送全局通知websocket
新窗口视频界面
1.聊天的视频功能均通过globalMessage（vux）控制，并发送给后台。2.所有收到的全局通知websocket均走chatMessage（vux）控制。2.isSingle字段表示是否是新标签页打开。3.通过toEmpId和当前用户useId对比，判断是谁申请的视频通话。
控制打开，或者关闭
发生消息给后台包括视频消息聊天信息
收到聊天websocket
接通电话，关闭电话
窗口间通话器window.postMessage
vux：收到的后台信息chatMessage
新窗口打开
打开视频
发送视频邀请新浏览器窗口或div窗口
打开新窗口isSingle=true
发送聊天websocket
0 条评论
下一页
