简单WebRTC快速推送RTSP流视频(海康监控摄像头)【转】

admin简单WebRTC快速推送RTSP流视频(海康监控摄像头)【转】已关闭评论条评论 2,027 次浏览

转自:https://www.bilibili.com/read/cv14070290

之前的所有视频推送都会有一些延迟。所以这次又尝试了WebRTC,废话说完上正题:

结论:WebRTC更快,甚至视觉上可能比插件版本还快一点点…

难度:原理很难,但是咱们是拿来主义,用别人写好工具的很简单

费用:免费免费,开源的

兼容:没细测,最新的浏览器应该都行

插件工具、语言框架:webrtc-streamer

https://github.com/mpromonet/webrtc-streamer

后端:直接下载exe文件

可以用cmd命令行找到指定exe进行执行,我这里指定了后端输出的地址和端口,例如:(用户名、密码、ip自行修改)

webrtc-streamer.exe  rtsp://admin:uk123456@10.11.4.201:554/Streaming/Channels/101

docker 启用监听多个rtsp流

docker -p 8000:8000 -it mpromonet/webrtc-streamer rtsp://admin:uk123456@10.11.4.201:554/Streaming/Channels/101 rtsp://wowzaec2demo.streamlock.net/vod/mp4:BigBuckBunny_115k.mov

docker run –network=host -itd mpromonet/webrtc-streamer rtsp://admin:uk123456@10.11.4.201:554/Streaming/Channels/101 -H 0.0.0.0:9000

至此我们已经启用了一个 webtrc服务器 可以在浏览器看到 http:127.0.0.1:8000

前端:

<html>
<head>
<script src=”adapter.min.js” ></script>
<script src=”webrtcstreamer.js” ></script>
<script>
    var webRtcServer  = null;
    window.onload     = function() {
    webRtcServer      = new WebRtcStreamer(“video”,”http://127.0.0.1:8000″);
    webRtcServer.connect(“rtsp://admin:uk123456@10.11.4.201:554/h264/ch1/main/av_stream”);
    }
    window.onbeforeunload = function() { webRtcServer.disconnect(); }
</script>
</head>
<body class=”body”>
<video id=”video” autoplay muted ></video>
</body>
<style>
.body{
  width:100%;
  height:100%;
  padding:0;
  margin:0;
}
#video{
  padding:0;
  width:720px;
  height:400px;
}
</style>
</html>

链接:https://pan.baidu.com/s/131MSlIlt8t69Jx2_HQNNHQ
提取码:v3cq


分类目录