前端播放流媒体(RTSP)
程序员文章站
2022-03-17 15:07:27
...
目标:在你的浏览器(浏览器)上播放的RTSP视频流
问题:然而,H5的标签<视频>不支持这样的播放
方案:
1,这里利用我们的流媒体在你的服务端开启一个websocket代理(代理),负责接收rtsp流,并转播给你的浏览器客户端,流媒体在客户端利用中间件(Media Sources Extensions)将经过转播收到的RTP H264和AAC包转化成MP4包,“喂给”<video>进行播放
2,在网上还看到有用下载VLC插件播放的攻略,但是没有尝试过。
附件: https ://download.csdn.net/download/weixin_41869700/10547951
1,如果不是局域网,在外网使用。则需要在https://streamedian.com 注册登录,下载许可证
<span data-wiz-span="data-wiz-span" style="font-size: 1rem;">针对客户端,如果你使用H5的原生播放器<video>标签,下载Download player即可
针对服务端,下载proxy,这里的.rpm和.deb是两种格式,选择其一下载,我这里用的ubuntu,.deb更适用</span>
将streamedian_proxy.deb和wsp.lic分别上传至服务器,并在streamedian_proxy.deb
根目录下sudo dpkg -i streamedian_proxy.deb #安装streamedian_proxy.deb软件包
(其中-i等价于--install)
安装好后会生成/etc/ws_rtsp.ini,进入这个路径,利用vim进行配置,
其中port就是你的服务端转播服务的端口,liscense_path则是你上传的wsp.lic的绝对路
径。其余不用修改(局域网的话不用理wsp.lic)
2,服务端
启动命令:service ws_rtsp start
停止命令:service ws_rtsp stop
查看进程:ps -aux|grep ws_rtsp
3,客户端配置
推荐阅读
-
使用Gin+WebSocket在HTML中无插件播放RTSP
-
海康&大华&DSS视频拉流-RTSP转RTMP多媒体播放技术
-
Web前端:博客美化:四、网易云音乐单曲播放器
-
rtmp播放流媒体
-
影音先锋播放视频时总显示在前端怎么办?
-
Qt+FFmpeg播放RTSP H264视频流(2)- FFmpeg自定义类封装
-
EasyNVR RTSP转HLS(m3u8+ts)流媒体服务器前端构建之:bootstrap-datepicker日历插件的实时动态展现
-
EasyDSS高性能RTMP、HLS(m3u8)、HTTP-FLV、RTSP流媒体服务器前端源码重构(三)- webpack + vue + AdminLTE 多页面引入 element-ui
-
ffmpeg推流实现实时播放监控画面(rtsp to rtmp)
-
基于VLC的Unity视频播放器(支持本地视频和rtmp、rtsp等视频流)