|  |  |  | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | <script th:inline="javascript"> | 
|---|
|  |  |  | var cameraId, opt, token; | 
|---|
|  |  |  | <script th:inline="javascript" th:type="module"> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | var cameraId, opt, optOpen, optClose, token; | 
|---|
|  |  |  | window.onload = function () { | 
|---|
|  |  |  | console.log(RTCRtpReceiver.getCapabilities('video').codecs) | 
|---|
|  |  |  | $.ajax({ | 
|---|
|  |  |  | url: "../hik/list", | 
|---|
|  |  |  | type: "get", | 
|---|
|  |  |  | 
|---|
|  |  |  | } | 
|---|
|  |  |  | } | 
|---|
|  |  |  | }) | 
|---|
|  |  |  |  | 
|---|
|  |  |  | opt = {"username": "liusuyi", "password": "5959932"}; | 
|---|
|  |  |  | opt = {"username": "admin", "password": "admin123"}; | 
|---|
|  |  |  | $.ajax({ | 
|---|
|  |  |  | headers: { | 
|---|
|  |  |  | 'Accept': 'application/json', | 
|---|
|  |  |  | 
|---|
|  |  |  |  | 
|---|
|  |  |  | $("#setPreset").click(function () { | 
|---|
|  |  |  | cameraId = $('#select option:selected').val(); | 
|---|
|  |  |  | opt = {"cameraId": cameraId, "channelNum": 1, "speed": 8, "presetIndex": 1}; | 
|---|
|  |  |  | opt = {"cameraId": cameraId, "chanNo": 1, "speed": 8, "presetIndex": 1}; | 
|---|
|  |  |  | $.ajax({ | 
|---|
|  |  |  | headers: { | 
|---|
|  |  |  | 'Accept': 'application/json', | 
|---|
|  |  |  | 
|---|
|  |  |  | }) | 
|---|
|  |  |  | $("#gotoPreset").click(function () { | 
|---|
|  |  |  | cameraId = $('#select option:selected').val(); | 
|---|
|  |  |  | opt = {"cameraId": cameraId, "channelNum": 1, "speed": 8, "presetIndex": 1}; | 
|---|
|  |  |  | opt = {"cameraId": cameraId, "chanNo": 1, "speed": 8, "presetIndex": 1}; | 
|---|
|  |  |  | $.ajax({ | 
|---|
|  |  |  | headers: { | 
|---|
|  |  |  | 'Accept': 'application/json', | 
|---|
|  |  |  | 
|---|
|  |  |  | }) | 
|---|
|  |  |  | $("#getPTZ").click(function () { | 
|---|
|  |  |  | cameraId = $('#select option:selected').val(); | 
|---|
|  |  |  | opt = {"cameraId": cameraId, "channelNum": 1}; | 
|---|
|  |  |  | opt = {"cameraId": cameraId, "chanNo": 1}; | 
|---|
|  |  |  | $.ajax({ | 
|---|
|  |  |  | headers: { | 
|---|
|  |  |  | 'Accept': 'application/json', | 
|---|
|  |  |  | 
|---|
|  |  |  | var z = $('#z').val(); | 
|---|
|  |  |  | //定义一个带有Map字段的实体对象 | 
|---|
|  |  |  | var myEntity = { | 
|---|
|  |  |  | channelNum: 1, | 
|---|
|  |  |  | chanNo: 1, | 
|---|
|  |  |  | cameraId: cameraId, | 
|---|
|  |  |  | ptzMap: { | 
|---|
|  |  |  | p: p, | 
|---|
|  |  |  | 
|---|
|  |  |  | var targetP = $('#targetPostion').val(); | 
|---|
|  |  |  | //定义一个带有Map字段的实体对象 | 
|---|
|  |  |  | var myEntity = { | 
|---|
|  |  |  | channelNum: 1, | 
|---|
|  |  |  | chanNo: 1, | 
|---|
|  |  |  | cameraId: cameraId, | 
|---|
|  |  |  | targetPosition: targetP, | 
|---|
|  |  |  | camPosition: camP, | 
|---|
|  |  |  | 
|---|
|  |  |  | }) | 
|---|
|  |  |  | $("#setZeroPTZ").click(function () { | 
|---|
|  |  |  | cameraId = $('#select option:selected').val(); | 
|---|
|  |  |  | opt = {"cameraId": cameraId, "channelNum": 1}; | 
|---|
|  |  |  | opt = {"cameraId": cameraId, "chanNo": 1}; | 
|---|
|  |  |  | $.ajax({ | 
|---|
|  |  |  | headers: { | 
|---|
|  |  |  | 'Accept': 'application/json', | 
|---|
|  |  |  | 
|---|
|  |  |  | }) | 
|---|
|  |  |  | $("#WiperPwron").click(function () { | 
|---|
|  |  |  | cameraId = $('#select option:selected').val(); | 
|---|
|  |  |  | opt = {"cameraId": cameraId, "channelNum": 1, "speed": 8, "enable": true, "code": 16}; | 
|---|
|  |  |  | opt = {"cameraId": cameraId, "chanNo": 1, "speed": 8, "enable": true, "code": 16}; | 
|---|
|  |  |  | $.ajax({ | 
|---|
|  |  |  | headers: { | 
|---|
|  |  |  | 'Accept': 'application/json', | 
|---|
|  |  |  | 
|---|
|  |  |  | var defogflag = true; | 
|---|
|  |  |  | $("#Defogcfg").click(function () { | 
|---|
|  |  |  | cameraId = $('#select option:selected').val(); | 
|---|
|  |  |  | optOpen = {"cameraId": cameraId, "channelNum": 1, "enable": true}; | 
|---|
|  |  |  | optClose = {"cameraId": cameraId, "channelNum": 1, "enable": false}; | 
|---|
|  |  |  | optOpen = {"cameraId": cameraId, "chanNo": 1, "enable": true}; | 
|---|
|  |  |  | optClose = {"cameraId": cameraId, "chanNo": 1, "enable": false}; | 
|---|
|  |  |  | if (defogflag) { | 
|---|
|  |  |  | $(this).text("关闭透雾"); | 
|---|
|  |  |  | defogflag = false; | 
|---|
|  |  |  | 
|---|
|  |  |  | var infrareflag = true; | 
|---|
|  |  |  | $("#Infrarecfg").click(function () { | 
|---|
|  |  |  | cameraId = $('#select option:selected').val(); | 
|---|
|  |  |  | optOpen = {"cameraId": cameraId, "channelNum": 1, "enable": true}; | 
|---|
|  |  |  | optClose = {"cameraId": cameraId, "channelNum": 1, "enable": false}; | 
|---|
|  |  |  | optOpen = {"cameraId": cameraId, "chanNo": 1, "enable": true}; | 
|---|
|  |  |  | optClose = {"cameraId": cameraId, "chanNo": 1, "enable": false}; | 
|---|
|  |  |  | if (infrareflag) { | 
|---|
|  |  |  | $(this).text("关闭红外"); | 
|---|
|  |  |  | infrareflag = false; | 
|---|
|  |  |  | 
|---|
|  |  |  | var focusModeflag = true; | 
|---|
|  |  |  | $("#FocusMode").click(function () { | 
|---|
|  |  |  | cameraId = $('#select option:selected').val(); | 
|---|
|  |  |  | optOpen = {"cameraId": cameraId, "channelNum": 1, "enable": true}; | 
|---|
|  |  |  | optClose = {"cameraId": cameraId, "channelNum": 1, "enable": false}; | 
|---|
|  |  |  | optOpen = {"cameraId": cameraId, "chanNo": 1, "enable": true}; | 
|---|
|  |  |  | optClose = {"cameraId": cameraId, "chanNo": 1, "enable": false}; | 
|---|
|  |  |  | if (focusModeflag) { | 
|---|
|  |  |  | $(this).text("自动聚焦"); | 
|---|
|  |  |  | focusModeflag = false; | 
|---|
|  |  |  | 
|---|
|  |  |  | }) | 
|---|
|  |  |  | } | 
|---|
|  |  |  | }) | 
|---|
|  |  |  | $("#getFocusPos").click(function () { | 
|---|
|  |  |  | cameraId = $('#select option:selected').val(); | 
|---|
|  |  |  | opt = {"cameraId": cameraId, "chanNo": 1}; | 
|---|
|  |  |  | $.ajax({ | 
|---|
|  |  |  | headers: { | 
|---|
|  |  |  | 'Accept': 'application/json', | 
|---|
|  |  |  | 'Content-Type': 'application/json', | 
|---|
|  |  |  | 'Authorization': token | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | url: "../hik/getFocusPos", | 
|---|
|  |  |  | type: "post", | 
|---|
|  |  |  | dataType: "json", | 
|---|
|  |  |  | data: JSON.stringify(opt), | 
|---|
|  |  |  | success: function (datas) { | 
|---|
|  |  |  | console.log(datas); | 
|---|
|  |  |  | $("#focus").val(datas.data.dwFocus); | 
|---|
|  |  |  | } | 
|---|
|  |  |  | }) | 
|---|
|  |  |  | }) | 
|---|
|  |  |  | var heateRpwronflag = true; | 
|---|
|  |  |  | $("#HeateRpwron").click(function () { | 
|---|
|  |  |  | cameraId = $('#select option:selected').val(); | 
|---|
|  |  |  | optOpen = {"cameraId": cameraId, "channelNum": 1, "enable": true}; | 
|---|
|  |  |  | optClose = {"cameraId": cameraId, "channelNum": 1, "enable": false}; | 
|---|
|  |  |  | optOpen = {"cameraId": cameraId, "chanNo": 1, "enable": true}; | 
|---|
|  |  |  | optClose = {"cameraId": cameraId, "chanNo": 1, "enable": false}; | 
|---|
|  |  |  | if (heateRpwronflag) { | 
|---|
|  |  |  | $(this).text("关闭云台加热"); | 
|---|
|  |  |  | heateRpwronflag = false; | 
|---|
|  |  |  | 
|---|
|  |  |  | var CameraDeicingflag = true; | 
|---|
|  |  |  | $("#CameraDeicing").click(function () { | 
|---|
|  |  |  | cameraId = $('#select option:selected').val(); | 
|---|
|  |  |  | optOpen = {"cameraId": cameraId, "channelNum": 1, "enable": true}; | 
|---|
|  |  |  | optClose = {"cameraId": cameraId, "channelNum": 1, "enable": false}; | 
|---|
|  |  |  | optOpen = {"cameraId": cameraId, "chanNo": 1, "enable": true}; | 
|---|
|  |  |  | optClose = {"cameraId": cameraId, "chanNo": 1, "enable": false}; | 
|---|
|  |  |  | if (CameraDeicingflag) { | 
|---|
|  |  |  | $(this).text("关闭镜头加热"); | 
|---|
|  |  |  | CameraDeicingflag = false; | 
|---|
|  |  |  | 
|---|
|  |  |  | }) | 
|---|
|  |  |  | $("#realCutPic").click(function () { | 
|---|
|  |  |  | cameraId = $('#select option:selected').val(); | 
|---|
|  |  |  | opt = {"cameraId": cameraId, "channelNum": 1}; | 
|---|
|  |  |  | opt = {"cameraId": cameraId, "chanNo": 1}; | 
|---|
|  |  |  | $.ajax({ | 
|---|
|  |  |  | headers: { | 
|---|
|  |  |  | 'Accept': 'application/json', | 
|---|
|  |  |  | 
|---|
|  |  |  | }) | 
|---|
|  |  |  | $("#saveCutPic").click(function () { | 
|---|
|  |  |  | cameraId = $('#select option:selected').val(); | 
|---|
|  |  |  | opt = {"cameraId": cameraId, "channelNum": 1}; | 
|---|
|  |  |  | opt = {"cameraId": cameraId, "chanNo": 1}; | 
|---|
|  |  |  | $.ajax({ | 
|---|
|  |  |  | headers: { | 
|---|
|  |  |  | 'Accept': 'application/json', | 
|---|
|  |  |  | 
|---|
|  |  |  | var recordflag = true; | 
|---|
|  |  |  | $("#record").click(function () { | 
|---|
|  |  |  | cameraId = $('#select option:selected').val(); | 
|---|
|  |  |  | optOpen = {"cameraId": cameraId, "channelNum": 1, "enable": true}; | 
|---|
|  |  |  | optClose = {"cameraId": cameraId, "channelNum": 1, "enable": false}; | 
|---|
|  |  |  | optOpen = {"cameraId": cameraId, "chanNo": 1, "enable": true}; | 
|---|
|  |  |  | optClose = {"cameraId": cameraId, "chanNo": 1, "enable": false}; | 
|---|
|  |  |  | if (recordflag) { | 
|---|
|  |  |  | $(this).text("停止录像"); | 
|---|
|  |  |  | recordflag = false; | 
|---|
|  |  |  | 
|---|
|  |  |  | /*云台公共方法*/ | 
|---|
|  |  |  | function commondMethod(url, code, enable) { | 
|---|
|  |  |  | cameraId = $('#select option:selected').val(); | 
|---|
|  |  |  | opt = {"cameraId": cameraId, "channelNum": 1, "speed": 8, "enable": enable, "code": code}; | 
|---|
|  |  |  | opt = {"cameraId": cameraId, "chanNo": 1, "speed": 8, "enable": enable, "code": code}; | 
|---|
|  |  |  | $.ajax({ | 
|---|
|  |  |  | headers: { | 
|---|
|  |  |  | 'Accept': 'application/json', | 
|---|
|  |  |  | 
|---|
|  |  |  |  | 
|---|
|  |  |  | //预览海康相机 | 
|---|
|  |  |  | function realViewHik(serverip, elem, username, password, ipaddr, port) { | 
|---|
|  |  |  | webRtcServer = new WebRtcStreamer(elem, "http://" + serverip + ":8000"); | 
|---|
|  |  |  | // webRtcServer = new WebRtcStreamer(elem, "http://" + serverip + ":8000"); | 
|---|
|  |  |  | webRtcServer = new WebRtcStreamer(elem, "http://192.168.1.227:8000"); | 
|---|
|  |  |  | let rtspUrl = "rtsp://" + username + ":" + password + "@" + ipaddr + ":" + port + "/ch1/main/av_stream"; | 
|---|
|  |  |  | let option = "rtptransport=tcp"; | 
|---|
|  |  |  | console.log("rtsp地址:" + rtspUrl); | 
|---|