<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no">
<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests" />
<title>RTSP视频</title>
<script src="libs/adapter.min.js" ></script>
<script src="webrtcstreamer.js" ></script>
<script src="webrtcstreamer.json" ></script>
<script src="libs/jquery-2.1.1.min.js" ></script>
<script>
var webRtcServerList = {};
var urllist=[
{"tags":"Bunny","urls":"Guodao"}
];
    var webRtcServer      = null;
function add(tags,urls){
var options = webrtcConfig.options;
 $("#videolist").append("<div class='videomv'><video id='video"+tags+"' muted autoplay controls/><p>"+tags+"</p></div>");
webRtcServer      = new WebRtcStreamer("video"+tags,webrtcConfig.url);
webRtcServer.connect(urls,urls,options);
webRtcServerList[tags] = webRtcServer;
}
    window.onload         = function() {
urllist.forEach(function(value,index,array){
add(value["tags"],value["urls"])
 });    
    }
window.onbeforeunload = function() {
for (var url in webRtcServerList) { 
webRtcServerList[url].disconnect() 
}
};
</script>
<style>
.videomv{
width: 100%;
height: 500px;
margin-bottom: 20px;
float: left;
text-align: center;
}
.videomv video{
    width: 100%;
    height: 300px;
}
</style>
</head>
<body>
<div id="videolist">
</div>
</body>
</html>


点赞(0) 打赏

Comment list 共有 0 条评论

暂无评论
发表
评论
返回
顶部