websocket播放rtsp方案之websocket按帧播放rtsp

最新推荐文章于 2025-11-09 07:01:41 发布

原创

最新推荐文章于 2025-11-09 07:01:41 发布 · 2.2k 阅读

13 ·

CC 4.0 BY-SA版权

文章标签：

#rtsp

本文档演示了如何利用WebSocket将RTSP流转化为图片，并通过WebSocket发送到前端进行实时展示。首先介绍了WebSocket的基础知识，然后详细展示了后端Java代码实现，包括WebSocket接收和发送消息的逻辑以及RTSP流抓取和转换的异步处理。此外，还提供了一个简单的控制器来启动实时流传输。整个过程涉及FFmpegFrameGrabber用于抓取RTSP流，Java2DFrameConverter进行图片转换，以及WebSocket的编码器处理图片数据。最后，文章提到前端代码的实现尚未给出。

1 回顾

上篇文章简单介绍了websocket的使用，有了这个基础我们就可以继续今天的内容了，原本想跳过websocket的介绍，但因为自己以前在项目中也没有使用过，就顺道说一说。

不废话，上才艺！

2 代码实现

因为在上一篇文章中有了导包与配置本文就跳过该内容！直接上方案demo代码。

2.1 websocket

@Slf4j
@ServerEndpoint(value = "/webSocket", encoders = {ImageEncoder.class})
@Component
public class WebSocketReceiveMessage {

	//用来存放每个客户端对应的WebSocketReceiveMessage对象，适用于同时与多个客户端通信
	public static CopyOnWriteArraySet<WebSocketReceiveMessage> webSocketSet = new CopyOnWriteArraySet<>();

	//与某个客户端的连接会话，通过它实现定向推送
	private Session session;

	/**
	 * 建立连接成功调用的方法
	 */
	@OnOpen
	public void onOpen(Session session) {
		this.session = session;
		// 添加到set中
		webSocketSet.add(this);
		log.info("用户连接成功！");
	}

	/**
	 * 关闭连接调用的方法