webRtc-stream实现网络摄像头的实时监控

最新推荐文章于 2024-03-23 09:32:50 发布

smile_zls

最新推荐文章于 2024-03-23 09:32:50 发布

阅读量1.5k

点赞数

文章标签： webrtc 视频

本文链接：https://blog.csdn.net/qq_35310633/article/details/130247178

版权

资源地址：https://download.csdn.net/download/qq_35310633/87705256

1、win7到win11都试过了，都可以。win11使用webrtc-streamer-v0.7.2（支持性比较好）。

2、打开30个延时在1s左右。

3、不要双击启动exe文件。有窗口和无窗口的bat文件已经写好了，文件在webrtc下。

4、运行之后，改一下html的rtsp流。

5、支持所有浏览器，不需要插件。

exe文件启动：

不要直接启动，直接启动，消耗CPU太多。

控制台启动：

./webrtc-streamer.exe -H 127.0.0.1:8000 -o

前端页面:

rtsp流不同厂商不一样，代码中的是海康的。

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
<script src="html/libs/adapter.min.js" ></script>
		<script src="html/webrtcstreamer.js" ></script>
		<script>        
		    var webRtcServer = null;
		    //页面加载时加载视频画面
		    window.onload = function() { 
		    	//video：需要绑定的video控件ID
		    	//192.168.1.226：启动webrtc-streamer的设备IP
		        webRtcServer = new WebRtcStreamer("video","http://localhost:8000");
		        //需要查看的rtsp地址
				webRtcServer.connect("rtsp://admin:12345@192.168.21.27:554/h264/ch1/main/av_stream");
		    }
		    
			//页面退出时销毁
		    window.onbeforeunload = function() { 
				webRtcServer.disconnect();
			}
		</script>
	</head>
	<body>
		<video id='video' style='object-fit:fill' autoplay autobuffer muted preload='auto' width="600px" height="300px"></video>
	</body>
</html>

smile_zls

关注

0
点赞
踩
8

收藏

觉得还不错? 一键收藏
2
评论
webRtc-stream实现网络摄像头的实时监控

1、win7到win11都试过了，都可以。win11使用webrtc-streamer-v0.7.2（支持性比较好）。3、不要双击启动exe文件。有窗口和无窗口的bat文件已经写好了，文件在webrtc下。4、运行之后，改一下html的rtsp流。5、支持所有浏览器，不需要插件。2、打开30个延时在1s左右。
复制链接

扫一扫