html video rtsp流 浏览器网页显示监控视频实时画面(无浏览器插件)

1. 去 这里 下载webrtc-streamer,解压出来

2. 双击webrtc-streamer.exe运行,出现小黑窗口

3. 拷贝html/webrtcstreamer.js和html/libs/adapter.min.js到demo文件夹,并创建aa.html如下内容

<html>
<head>
<script src="adapter.min.js" ></script>
<script src="webrtcstreamer.js" ></script>
<script>        
    var webRtcServer1 = null;

	window.onload = function ()
	{ 
		webRtcServer1 = new WebRtcStreamer("video1", "http://127.0.0.1:8000");		      
        webRtcServer1.connect("rtsp://xxxxxxxxxxxxxxxxxxxxx");
	}

	window.onbeforeunload = function() { webRtcServer.disconnect(); }

</script>
</head>
<body>

	<div>
		<video id="video1" style="border: 1px solid green;" controls autoplay muted />
	</div>

</body>
</html>

4. 浏览器打开aa.html,出现监控画面