技术标签: Java java 弹幕系统设计 SpringBoot/Cloud 开发语言
上一篇文章整合RabbitMQ进行消息广播和异步处理 写完了消息的广播、削峰、异步处理业务逻辑等操作。完成了实时共享功能。
不过写到后面发现在线人数统计这块的功能还没实现,因此在这篇补上。
备注:
WebSocket
写法实现只是一种方案,显然并不是最优解,也可能有更好的写法。Netty
来平移替换。基本思路:
WebSocket
的链接信息。WebSocket
的时候,同一个直播间下的在线人数+1。断开的时候则-1。Redis
存储的数据结构,可以使用Hash
。1000个直播间可以共用一个hashKey
,但是每个键值对却又不同。和1000个String
类型的数据存储相比,内存上要节省的多。Redis - String内存开销问题以及基本/扩展数据类型的使用1.首先毫无疑问我们需要添加一个pom
依赖:
<dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-data-redis</artifactId>
<version>2.6.7</version>
</dependency>
2.在上一章节中的bulletcommon
包下创建共通函数。第一个,SpringBean
的工具类SpringBeanUtil
:
import lombok.extern.slf4j.Slf4j;
import org.springframework.beans.BeansException;
import org.springframework.context.ApplicationContext;
import org.springframework.context.ApplicationContextAware;
import org.springframework.stereotype.Component;
@Component
@Slf4j
public class SpringBeanUtil implements ApplicationContextAware {
private static ApplicationContext applicationContext;
// 获取applicationContext
public static ApplicationContext getApplicationContext() {
return applicationContext;
}
// 通过name获取 Bean.
public static Object getBean(String name) {
return getApplicationContext().getBean(name);
}
// 通过class获取Bean.
@SuppressWarnings("unchecked")
public static <T> T getBean(Class<T> clazz) {
try {
char[] cs = clazz.getSimpleName().toCharArray();
cs[0] += 32;// 首字母大写到小写
return (T) getApplicationContext().getBean(String.valueOf(cs));
} catch (Exception e) {
e.printStackTrace();
return null;
}
}
// 通过name,以及Clazz返回指定的Bean
public static <T> T getBean(String name, Class<T> clazz) {
return getApplicationContext().getBean(name, clazz);
}
public void setApplicationContext(ApplicationContext applicationContext) throws BeansException {
if (SpringBeanUtil.applicationContext == null) {
SpringBeanUtil.applicationContext = applicationContext;
}
log.info("\r\n----------加载applicationContext成功-----------------");
}
3.创建一个RedisUtil
:StringRedisTemplate
下有个操作:
opsForHash().increment(hashKey,key,value)
:可以给指定的hashKey
下的key
加上指定的value
数值大小。那正好可以用给直播间在线人数的 ±1
。import org.apache.commons.lang3.StringUtils;
import org.apache.commons.lang3.math.NumberUtils;
import org.springframework.data.redis.core.StringRedisTemplate;
/**
* @author Zong0915
* @date 2022/12/15 下午6:52
*/
public class RedisUtil {
public static StringRedisTemplate getStringRedisTemplate() {
return SpringBeanUtil.getBean(StringRedisTemplate.class);
}
public static void increment(String hashKey, String key) {
if (StringUtils.isBlank(hashKey) || StringUtils.isBlank(key)) {
return;
}
StringRedisTemplate stringRedisTemplate = RedisUtil.getStringRedisTemplate();
stringRedisTemplate.opsForHash().increment(hashKey, key, 1);
}
public static void decrement(String hashKey, String key) {
if (StringUtils.isBlank(hashKey) || StringUtils.isBlank(key)) {
return;
}
StringRedisTemplate stringRedisTemplate = RedisUtil.getStringRedisTemplate();
stringRedisTemplate.opsForHash().increment(hashKey, key, -1);
}
public static Long get(String hashKey, String key) {
if (StringUtils.isBlank(hashKey) || StringUtils.isBlank(key)) {
return 0L;
}
StringRedisTemplate stringRedisTemplate = RedisUtil.getStringRedisTemplate();
String res = (String) stringRedisTemplate.opsForHash().get(hashKey, key);
return NumberUtils.toLong(res);
}
}
4.我们给消息体添加两个参数:count
和operateType
@Data
public class OriginMessage {
private String sessionId;
private String userId;
private String roomId;
private String message;
/** 直播间人数 */
private Long count;
/** 1:链接初始化。2:发送弹幕 */
private Integer operateType;
}
5.SocketConstants
再添加一个常量,用于HashKey
:
public static final String LIVE_COUNT_HASH_KEY = "LiveCount";
在线人数的更新涉及到两个地方:
WebSocket
建立连接的时候。WebSocket
断开连接的时候修改BulletScreenServer
类:重点在于@OnOpen
和@OnClose
修饰的函数。
package kz.service;
import kz.cache.SocketCache;
import kz.common.SocketConstants;
import kz.entity.OriginMessage;
import kz.producer.OriginMessageSender;
import kz.util.RedisUtil;
import lombok.Getter;
import lombok.extern.slf4j.Slf4j;
import org.apache.commons.lang3.StringUtils;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Component;
import javax.websocket.OnClose;
import javax.websocket.OnMessage;
import javax.websocket.OnOpen;
import javax.websocket.Session;
import javax.websocket.server.PathParam;
import javax.websocket.server.ServerEndpoint;
import java.util.concurrent.atomic.AtomicLong;
/**
* @author Zong0915
* @date 2022/12/9 下午3:45
*/
@Component
@ServerEndpoint("/websocket/live/{roomId}/{userId}")
@Slf4j
@Getter
public class BulletScreenServer {
/**
* 多例模式下的赋值方式
*/
private static OriginMessageSender originMessageSender;
/**
* 多例模式下的赋值方式
*/
@Autowired
private void setOriginMessageSender(OriginMessageSender originMessageSender) {
BulletScreenServer.originMessageSender = originMessageSender;
}
private static final AtomicLong count = new AtomicLong(0);
private Session session;
private String sessionId;
private String userId;
private String roomId;
/**
* 打开连接
*
* @param session
* @OnOpen 连接成功后会自动调用该方法
*/
@OnOpen
public void openConnection(Session session, @PathParam("roomId") String roomId, @PathParam("userId") String userId) {
// 如果是游客观看视频,虽然有弹幕,但是没有用户信息,所以需要用try
count.incrementAndGet();
log.info("*************WebSocket连接次数: {} *************", count.longValue());
this.userId = userId;
this.roomId = roomId;
// 保存session相关信息到本地
this.sessionId = session.getId();
this.session = session;
// 在线人数+1
RedisUtil.increment(SocketConstants.LIVE_COUNT_HASH_KEY, roomId);
SocketCache.put(sessionId, this);
// 通知客户端,此时服务端和客户端之间成功建立连接,并且把在线人数传过去
originMessageSender.send(buildMessage("", 1));
}
/**
* 客户端刷新页面,或者关闭页面,服务端断开连接等等操作,都需要关闭连接
*/
@OnClose
public void closeConnection() {
SocketCache.remove(sessionId);
// 链接断开,人数-1,并通知给客户端
RedisUtil.decrement(SocketConstants.LIVE_COUNT_HASH_KEY, roomId);
originMessageSender.send(buildMessage("", 1));
}
/**
* 客户端发送消息给服务端
*
* @param message
*/
@OnMessage
public void onMessage(String message) {
if (StringUtils.isBlank(message)) {
return;
}
// 将消息丢给MQ,业务上的处理什么也不管,交给弹幕业务来处理,并且达到削峰的目的
originMessageSender.send(buildMessage(message, 2));
}
private OriginMessage buildMessage(String message, Integer operateType) {
OriginMessage originMessage = new OriginMessage();
originMessage.setMessage(message);
originMessage.setRoomId(roomId);
originMessage.setSessionId(sessionId);
originMessage.setUserId(userId);
originMessage.setOperateType(operateType);
originMessage.setCount(RedisUtil.get(SocketConstants.LIVE_COUNT_HASH_KEY, roomId));
return originMessage;
}
}
前端修改:完整的项目框架可以看这篇文章SpringBoot - WebSocket的使用和聊天室练习 。 这里就是修改index.tsx
文件(区别不大)
import React, {
useEffect, useState } from 'react';
import {
Button, Row, Col, Input } from 'antd';
import {
getValueByParam } from '../utils/pageHelper';
const ws = new WebSocket(`ws://localhost:80/websocket/live/${
getValueByParam('roomId')}/${
getValueByParam('userId')}`);
const UserPage = () => {
const [ message, setMessage ] = useState<string>('');
const [ bulletList, setBulletList ] = useState<any>([]);
const [ onlineCount, setOnlineCount ] = useState<number>(0);
useEffect(() => {
ws.onopen = () => {
ws.onmessage = (msg: any) => {
const entity: any = JSON.parse(msg.data);
if (entity?.operateType === 2) {
const arr :any = [ `用户[${
entity.userId}]: ${
entity.message}` ];
setBulletList((pre: any[]) => [].concat(...pre, ...arr));
}
setOnlineCount(entity?.count ?? 0);
};
};
ws.onclose = () => {
console.log('断开连接');
};
}, []);
const sendMsg = () => {
ws?.send(message);
};
return <>
<Row style={
{
width: 2000, marginTop: 200 }}>
<Col offset={
6}>
<Input onChange={
event => setMessage(event.target.value)} />
</Col>
<Col>
<Button
onClick={
sendMsg}
type='primary'
>发送弹幕</Button>
</Col>
<Col style={
{
marginLeft: 100 }}>
{
'在线人数: ' + onlineCount}
</Col>
<Col style={
{
marginLeft: 10 }}>
<div style={
{
border: '1px solid', width: 500, height: 500 }}>
{
bulletList.map((item: string, index: number) => {
return <Row key={
index}>
{
item}
</Row>;
})}
</div>
</Col>
</Row>
</>;
};
export default UserPage;
动图如下:
文章浏览阅读936次,点赞22次,收藏26次。React核心基础
文章浏览阅读2k次。linux系统查看磁盘空间的命令是【df -hl】,该命令可以查看磁盘剩余空间大小。如果要查看每个根路径的分区大小,可以使用【df -h】命令。df命令以磁盘分区为单位查看文件系统。本文操作环境:red hat enterprise linux 6.1系统、thinkpad t480电脑。(学习视频分享:linux视频教程)Linux 查看磁盘空间可以使用 df 和 du 命令。df命令df 以磁..._df -hl
文章浏览阅读923次。uses ComObj;var ExcelApp: OleVariant;implementationprocedure TForm1.Button1Click(Sender: TObject);const // SheetType xlChart = -4109; xlWorksheet = -4167; // WBATemplate xlWBATWorksheet = -4167_range[char(96 + acolumn) + inttostr(65536)].end[xlup]
文章浏览阅读2.3k次。上图为任务代码,在任务具体执行的方法中使用,一定要写在方法内使用SpringContextUtil.getBean()方法实例化Spring service类下边是ruoyi-quartz模块中util/SpringContextUtil.java(已改写)import org.springframework.beans.BeansException;import org.springframework.context.ApplicationContext;import org.s..._ruoyi-quartz无法引入ruoyi-admin的service
文章浏览阅读2w次,点赞10次,收藏77次。yum,全称“Yellow dog Updater, Modified”,是一个专门为了解决包的依赖关系而存在的软件包管理器。可以这么说,yum 是改进型的 RPM 软件管理器,它很好的解决了 RPM 所面临的软件包依赖问题。yum 在服务器端存有所有的 RPM 包,并将各个包之间的依赖关系记录在文件中,当管理员使用 yum 安装 RPM 包时,yum 会先从服务器端下载包的依赖性文件,通过分析此文件从服务器端一次性下载所有相关的 RPM 包并进行安装。_centos7配置yum源
文章浏览阅读828次,点赞21次,收藏8次。今天学长向大家分享一个毕业设计项目毕业设计 基于深度学习的抽烟行为检测算法实现(源码分享)毕业设计 深度学习的抽烟行为检测算法实现通过目前应用比较广泛的 Web 开发平台,将模型训练完成的算法模型部署,部署于 Web 平台。并且利用目前流行的前后端技术在该平台进行整合实现运营车辆驾驶员吸烟行为检测系统,方便用户使用。本系统是一种运营车辆驾驶员吸烟行为检测系统,为了降低误检率,对驾驶员视频中的吸烟烟雾和香烟目标分别进行检测,若同时检测到则判定该驾驶员存在吸烟行为。进行流程化处理,以满足用户的需要。
文章浏览阅读3.7k次,点赞3次,收藏14次。多个定时器同步触发启动是一种比较实用的功能,这里将对此做个示例说明。_stm32 定时器同步
文章浏览阅读348次。出处 : http://www.cnblogs.com/mythou/p/3187881.html本来想分析AppsCustomizePagedView类,不过今天突然接到一个临时任务。客户反馈说机器界面的图标很难点击启动程序,经常点击了没有反应,Boss说要优先解决这问题。没办法,只能看看是怎么回事。今天分析一下Launcher启动APP的过程。从用户点击到程序启动的流程,下面针对WorkSpa..._回调bubbletextview
文章浏览阅读6.2k次。Ubuntu 12 最快的两个源 个人感觉 163与cn99最快 ubuntu下包过慢 1、首先备份Ubuntu 12.04源列表 sudo cp /etc/apt/sources.list /etc/apt/sources.list.backup (备份下当前的源列表,有备无患嘛) 2、修改更新源 sudo gedit /etc/apt/sources.list (打开Ubuntu 12_un.12.cc
文章浏览阅读5.8k次,点赞6次,收藏86次。1.思路(1)动态添加路由肯定用的是addRouter,在哪用?(2)vuex当中获取到菜单,怎样展示到界面2.不管其他先试一下addRouter找到router/index.js文件,内容如下,这是我自己先配置的登录路由现在先不管请求到的菜单是什么样,先写一个固定的菜单通过addRouter添加添加以前注意:addRoutes()添加的是数组在export defult router的上一行图中17行写下以下代码var addRoute=[ { path:"/", name:"_vue动态路由权限
文章浏览阅读8.9k次。 关键词: JSTL 之变量赋值标签 /* * Author Yachun Miao * Created 11-Dec-06 */关于JSP核心库的set标签赋值变量,有两种方式: 1.日期" />2. 有种需求要把ApplicationResources_zh_CN.prope
文章浏览阅读3.1k次,点赞3次,收藏2次。1.1ZY5621概述ZY5621是VGA音频到HDMI转换器芯片,它符合HDMI1.4 DV1.0规范。ZY5621也是一款先进的高速转换器,集成了MCU和VGA EDID芯片。它还包含VGA输入指示和仅音频到HDMI功能。进一步降低系统制造成本,简化系统板上的布线。ZY5621方案设计简单,且可以完美还原输入端口的信号,此方案设计广泛应用于投影仪、教育多媒体、视频会议、视频展台、工业级主板显示、手持便携设备、转换盒、转换线材等产品设计上面。1.2 ZY5621 特性内置MCU嵌入式VGA_vga转hdmi带音频转换器,转接头拆解