代码改变世界

Web端显示RTSP视频流不限浏览器

2022-08-04 10:52  Evan.Pei  阅读(400)  评论(0)    收藏  举报

请看上传文件   RTSP不限制浏览器显示.rar                      比较好的实现方式  不依赖插件

<html>
<head>
<script src="./webrtcstreamer.js" ></script>
<script>        
    window.onload = function() { 
		setRTSP("video2","rtsp://admin:a1234567@172.16.6.210:554/Streaming/Channels/201","http://172.16.6.133:9876");//服务端口
		setRTSP("video1","rtsp://admin:a1234567@172.16.6.210:554/Streaming/Channels/101","http://172.16.6.133:9876");	
    }
	var _array=new Array();
	function setRTSP(cID,TRSP,SourceAddress){
	    let webRtcServer1= new WebRtcStreamer(cID,SourceAddress);
        webRtcServer1.connect(TRSP);
		_array.push(webRtcServer1);
	}
</script>
</head>
<body> 
    <video id="video1" autoplay muted controls style="object-fit: fill;" width="500px" height="315px"></video>
    <video id="video2" autoplay muted controls style="object-fit: fill;" width="500px" height="315px"></video>
</body>
</html>