从RTSP视频流到Web端再到超图三维
前言:本文详细介绍1)怎么将rtsp直播视频数据转发为WebSocket流数据服务在web页面直接播放,无插件播放ETSP视频流数据;2)怎么将直播视频画面投射到三维场景中,实现仿真三维。其中技术路线为:
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/f6358b16cd552004fa70b5e20cffab21.png)
其中 streamedian和 SuperMap iClient3D都是商业软件,提供基础试用版本,对使用时间和功能有所限制,但都能满足个人开发者研究的需求。
一、转发 rtsp直播视频流到web页面播放
本节核心内容讲解streamedian的使用,包括试用许可申请、部署和开发。
1.1 RTSP视频流数据
RTSP(Real Time Streaming Protocol),RFC2326,实时流传输协议,目前主流网络摄像头均支持该协议传输视频。如大华、海康、宇视等,除了rtsp外视频数据一般还会通过hls、rtmp等,这些均可直接在前端引用相关依赖库(github上搜一下很多)直接播放,无需在服务端进行数据流转换。
这里介绍一个小工具VLC(VLC 是一款自由、开源的跨平台多媒体播放器及框架,可播放大多数多媒体文件,以及 DVD、音频 CD、VCD 及各类流媒体协议,https://www.videolan.org/),vlc是一个cs小工具,在我们拿到rtsp视频流地址时可用小工具检验一下能否顺利播放。
点击【播放】即可获得视频直播画面
PS:vlc还支持将本地视频文件转发城rtsp数据流,这就方便了我们在没有rtsp测试地址下的烦恼。传送门:https://blog.csdn.net/LoveForever0/article/details/100178317
1.2 streamedian:将rtsp转为ws到web端播放
streamedian是一个让浏览器能够无插件播放rtsp的项目,完整的使用包含它的两部分服务端和前端依赖js库,官网(https://streamedian.com)均提供下载。类似的也有不少,比如h5ss,在github都能搜到,不过也都是收费的,没有全面测评,目前streamedian用起来比较方便。
登录官网(h