webrtc-streamer实现rtsp流播放
·
优点
浏览器是不直接支持rtsp流的直接播放,纯前端实现rtsp流,在之前有flash,但是随着浏览器不在支持flash之后直接播放很难实现。对于vlc播放rtsp流,目前可有使用的浏览器基本上时360,如果是单一需求或者只用此浏览器的话vlc是一个很nice的实现办法。但是其他浏览器无法实现。海康的web无插件开发包也是一大神器,应该只支持海康的摄像头。不过功能强大可以实现云台调控等功能
还有很多办法都是通过转码后进行播放,需要后端支持。
找了一大通,发现有一款叫做webtrc-streamer的神器,通过启动服务,连接服务,再连接rtsp流,可在video标签上实现rtsp流的直接播放。对于监控播放是一大省时省事的操作。
下载解压双击
exe程序,如果
基本上就是服务启动成功,在访问127.0.0.1:8000,浏览器成功打开当前桌面上显示的东西说明服务启动成功。
页面上引入两个js文件
js部分:
let videoShowControl = document.getElementById('id__stream')
const s = new WebRtcStreamer('id__stream', 'http://192.168.x.xxx:8000');
s.connect('rtsp://admin:xxxxxx@xxxxxxx/h264/ch1/main/av_stream');
画面显示很快1s左右,延迟低。但是没声音不知道怎么回事,找不到怎么解决,有没有解决的大佬教教我
更多推荐
所有评论(0)