RTSP H264/HEVC 流 Wasm 播放

最新推荐文章于 2025-04-14 10:59:47 发布

GoCodingInMyWay

最新推荐文章于 2025-04-14 10:59:47 发布

阅读量2.2k

点赞数

文章标签： webassembly websocket rtsp ffmpeg

本文链接：https://blog.youkuaiyun.com/winorlose2000/article/details/120185028

版权

本文介绍了如何在网页前端播放RTSP H264/HEVC流，通过WebSocket代理服务传递裸流数据，利用WebAssembly进行前端解码。涉及到的技术包括FFmpeg、WebSocket、Wasm和WebGL。提供了后端流代理服务和前端播放实现的代码，并讨论了解码性能和RTSP协议的选择问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

本文将介绍 RTSP H264/HEVC 裸流如何于网页前端播放。涉及 WebSocket 代理发送流数据， Wasm 前端解码等。

代码: https://github.com/ikuokuo/rtsp-wasm-player

相关模块：

# RTSP WebSocket Proxy
RTSP/Webcam/File > FFmpeg open > Packets > WebSocket
# WS Wasm Player
WebSocket > Packets > Wasm FFmpeg decode to YUV > WebGL display
                                                > Wasm OpenGL display
# WS Local Player
WebSocket > Packets > FFmpeg decode to YUV > OpenGL display

RTSP WebSocket Proxy: 流代理服务器（C++）。HTTP 请求流信息（支持了跨域），WebSocket 传输流数据。
WS Wasm Player: 前端播放实现（ES6）。WebSocket, Wasm, WebGL 等封装，提供了 WsClient 接口。
WS Local Player: 本地播放实现（C++）。与前端流程一样，向流代理服务器请求数据，解码后 OpenGL 显示。

前