You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
|
|
|
|
<html>
|
|
|
|
|
<script src="webrtcplayer.js"></script>
|
|
|
|
|
<script src="jquery.min.js"></script>
|
|
|
|
|
<body>
|
|
|
|
|
<video id="camera" class="camera" autoplay muted style="width:100%;height: 100%;"></video>
|
|
|
|
|
|
|
|
|
|
</body>
|
|
|
|
|
<script>
|
|
|
|
|
$(function(){
|
|
|
|
|
var cameraId = getQueryVariable("cameraId");
|
|
|
|
|
|
|
|
|
|
$.ajax({
|
|
|
|
|
url:'/api/camera/'+cameraId,
|
|
|
|
|
type:'get',
|
|
|
|
|
data:{},
|
|
|
|
|
dataType:'json',
|
|
|
|
|
success:function(data){
|
|
|
|
|
let camera = data.data;
|
|
|
|
|
console.log("okkk2:"+camera)
|
|
|
|
|
if(camera != null){
|
|
|
|
|
let server = camera.rtcServer + ":" + camera.rtcServerPort;
|
|
|
|
|
var video = document.createElement('video')
|
|
|
|
|
video.setAttribute('id',cameraId)
|
|
|
|
|
video.autoplay = true
|
|
|
|
|
video.controls = true
|
|
|
|
|
video.muted = true
|
|
|
|
|
video.style = 'width:700px;'
|
|
|
|
|
video.setAttribute('class','video')
|
|
|
|
|
videos.appendChild(video)
|
|
|
|
|
let player = new WebRtcPlayer(server,cameraId,'camera'+cameraId);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
},
|
|
|
|
|
error:function(){
|
|
|
|
|
console.log('请求出错！');
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
function getQueryVariable(variable){
|
|
|
|
|
var query = window.location.search.substring(1);
|
|
|
|
|
var vars = query.split("&");
|
|
|
|
|
for (var i=0;i<vars.length;i++) {
|
|
|
|
|
var pair = vars[i].split("=");
|
|
|
|
|
if(pair[0] == variable){return pair[1];}
|
|
|
|
|
}
|
|
|
|
|
return(false);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
</script>
|
|
|
|
|
</html>
|
