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

• admin • 简单WebRTC快速推送RTSP流视频（海康监控摄像头）【转】已关闭评论条评论 • 5,383 次浏览

转自：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

本站文章除注明转载外，均为原创文章。转载请注明：文章转载自： 葱爆GIS—刘博方GIS博客（ https://liubf.com ）

分类目录

作品演示