直播2w人在线服务器,直播平台在线人数功能

最近在做直播平台，需要实现在线人数的显示

在线观看直播的人数使用websocket感觉很好，当有人进入直播平台，后台触发人数加1，当有人退出平台例如关闭浏览器，后台会触发断开连接方法，人数减1。

使用socket.io

1.websocket服务端

1)引入包

var app = require('http').createServer()

var io = require('socket.io')(app)

2)定义在线人数的全局变量

var count = 0

3)设置websocket服务端口

app.listen(5000)

4)开启

io.on('connection', function(socket) {

5)当有人进入页面，就会与websocket服务器建立通信

就会触发人数加1

count++;

console.log("当前接入" + count + "人")

6)我们人数发送给订阅了”users“的客户端

socket.emit('users', { peoNum: count })

//当有数据改变时，会自动将人数广播到订阅users的客户端

socket.broadcast.emit('users', { peoNum: count });

7)当有人断开连接，就会触发断开方法，人数减1

socket.on('disconnect', function() {

--count;

console.log("当前接入" + count + "人")

socket.broadcast.emit('users', { peoNum: count });

});

})

图片.png

2.websocket客户端

1)引入包

2)人数显示

当前在线人数：

3)连接websocket服务器，订阅users信息，当接收到服务端广播的人数信息，就会将其显示到页面

var socket = io('localhost:5000')

socket.on('users', function(data) {

console.log(data)

document.getElementById('allpeople').innerHTML = data.peoNum

socket.on('disconnect', function() {

console.log("与服务断开");

});

})

图片.png

直播2w人在线服务器,直播平台在线人数功能相关推荐

百万人在线的直播间实时聊天消息分发技术
随着直播类应用的普及,尤其直播带货概念的风靡,大用户量的直播间场景已然常态化. 大用户量直播间中的实时互动是非常频繁的,具体体现在技术上就是各种用户聊天.弹幕.礼物.点赞.禁言.系统通知等实时消息. ...
《江湖X:汉家江湖》两万人在线服务器架构
感谢各大公有云不断的技术创新,使得人(zhi)丁(you)稀(1)少(ge)的我们,能够在三个月内完成支持在线2万人的服务器组,以支撑即将到来的江湖X资料片"世界服". 本文主要写 ...
我的世界多人在线服务器,我的世界2b2t服务器-1.16.X网红多人在线生存服务器
2B2T拥有<我的世界>迄今为止,历史上罕见的最古老的地图.它整整运行了9年!9年间,它经历了上百个MC版本,上千个测试版本.今天给大家带来一个全新的2b2t服务器. 相关信息服务器版本1 ...
在线教育直播系统一对一在线直播平台解决方案
在线教育直播系统一对一在线直播平台解决方案在线教育直播系统功能模块在线教育直播系统讲师端功能在线教育直播系统学生端功能一对一在线教育系统功能介绍一对一在线教育系统优势在线教育直播系统功能 ...
抖音直播卡广场如何做到千人在线？
卡广场技术技术最重要的一点就是利用合作方法去提高观众的停留时间,想要上千人在线的直播间,运气好半小时可以做到,慢点三四天,一般账号只要没有异常情况下,很大概率当天就可以上,每天开播时间越久越好,不管是 ...
今晚直播预告 | CSDN 多场景直播平台的架构演进
今年除了大会期间的技术分享,我们还邀请了更多在音视频.大前端.网络架构方面的技术牛人,从 9 月 22 日到 10 月17 日,给关注 RTC 技术的开发者们带来" 9 天 11 场&quo ...
直播前、直播中、直播后...直播带货技巧大盘点
直播带货已经成为2020年商家营销的一个必要渠道,随着移动互联网发展日益壮大,全国各大行业基本上已经普及了网络化,直播行业已经成为炙手可热的话题. "万物皆可直播"这是前段时间网上 ...
Netty实现多人在线游戏后台程序
一.游戏介绍这是一款多人在线游戏,其主要功能有: 1)玩家上线: 2)玩家移动: 3)世界聊天: 4)玩家下线: 二.AOI算法 2.1 AOI 介绍 AOI(Area Of Interest),即 ...
视频教程-影院在线售票云平台（仿猫眼电影，附SpringBoot项目源码）-Java
影院在线售票云平台(仿猫眼电影,附SpringBoot项目源码) 19年软件开发经验,设计开发40多个大型软件,10年从事高等教育,主要为java系列课程,带你轻松进入java生涯. 赖国荣 ¥299 ...

直播2w人在线服务器,直播平台在线人数功能

当前在线人数：

直播2w人在线服务器,直播平台在线人数功能相关推荐

最新文章

热门文章