分支自 ard/ruoyi-api
blame | 历史 | 补丁 | 提交 | 提交对比 | 忽略空白
‘liusuyi’
2023-10-25 bb22ca2e9b9c60b0138a322ad49cab7ea8aa06e1 
 ard-work/src/main/resources/templates/test.html


@@ -13,20 +13,6 @@


            margin-top: 10px;


        }


    </style>


    <!-- 导入 ECMAScript 模块 -->


    <script th:type="module" th:src="@{/js/WHEPClient.js}"></script>


    <!-- 内联脚本块，可以使用模块中的内容 -->


    <script th:inline="javascript">


        /*<![CDATA[*/


        // 在这里使用 WHEPClient 模块中的内容


        $("#play").click(function webrtcClient(){


            const  url = "http://127.0.0.1:8889/165"; // add the webRTC URL from your live input here


            console.log(url)


            const  videoElement = document.getElementById("remote-video");


            const  client = new WHEPClient(url, videoElement);


        })


        /*]]>*/


    </script>


<body>


<div class="container">


    <div class="row ">


@@ -141,18 +127,16 @@


            <div class="row top-buffer">


                <video id="video" muted autoplay loop controls style="width: 800px; height: 100%; object-fit: fill;"/>


            </div>


            <div class="row top-buffer">


                <button id="play" type="button" class="btn btn-default" >播放</button>


            <video id="remote-video" controls autoplay muted></video>


            </div>


        </div>


    </div>


</div>


<script th:inline="javascript">


    var cameraId, opt,optOpen,optClose, 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",


            url: "../cameraSdk/list",


            type: "get",


            success: function (data) {


                console.log(data);


@@ -160,7 +144,8 @@


                for (var i = 0; i < arr.length; i++) {


                    console.log(arr[i].id);


                    var camera = {


                        type: arr[i].gdtype,


                        name: arr[i].name,


                        factory: arr[i].factory,


                        ipaddr: arr[i].ip,


                        username: arr[i].username,


                        password: arr[i].password,


@@ -179,7 +164,6 @@


                }


            }


        })




        opt = {"username": "admin", "password": "admin123"};


        $.ajax({


            headers: {


@@ -200,125 +184,125 @@


    }


    //云台上下左右


    $("#up").mousedown(function () {


        var url = "../hik/PTZControlWithSpeed";


        var url = "../cameraSdk/PTZControlWithSpeed";


        var code = 2;


        var enable = true;


        commondMethod(url, code, enable);




    })


    $("#up").mouseup(function () {


        var url = "../hik/PTZControlWithSpeed";


        var url = "../cameraSdk/PTZControlWithSpeed";


        var code = 2;


        var enable = false;


        commondMethod(url, code, enable);


    })


    $("#down").mousedown(function () {


        var url = "../hik/PTZControlWithSpeed";


        var url = "../cameraSdk/PTZControlWithSpeed";


        var code = 8;


        var enable = true;


        commondMethod(url, code, enable);


    })


    $("#down").mouseup(function () {


        var url = "../hik/PTZControlWithSpeed";


        var url = "../cameraSdk/PTZControlWithSpeed";


        var code = 8;


        var enable = false;


        commondMethod(url, code, enable);


    })


    $("#left").mousedown(function () {


        var url = "../hik/PTZControlWithSpeed";


        var url = "../cameraSdk/PTZControlWithSpeed";


        var code = 4;


        var enable = true;


        commondMethod(url, code, enable);


    })


    $("#left").mouseup(function () {


        var url = "../hik/PTZControlWithSpeed";


        var url = "../cameraSdk/PTZControlWithSpeed";


        var code = 4;


        var enable = false;


        commondMethod(url, code, enable);


    })


    $("#right").mousedown(function () {


        var url = "../hik/PTZControlWithSpeed";


        var url = "../cameraSdk/PTZControlWithSpeed";


        var code = 6;


        var enable = true;


        commondMethod(url, code, enable);


    })


    $("#right").mouseup(function () {


        var url = "../hik/PTZControlWithSpeed";


        var url = "../cameraSdk/PTZControlWithSpeed";


        var code = 6;


        var enable = false;


        commondMethod(url, code, enable);


    })


    //变倍


    $("#controlZoomIn").mousedown(function () {


        var url = "../hik/PTZControlWithSpeed";


        var url = "../cameraSdk/PTZControlWithSpeed";


        var code = 10;


        var enable = true;


        commondMethod(url, code, enable);


    })


    $("#controlZoomIn").mouseup(function () {


        var url = "../hik/PTZControlWithSpeed";


        var url = "../cameraSdk/PTZControlWithSpeed";


        var code = 10;


        var enable = false;


        commondMethod(url, code, enable);


    })


    $("#controlZoomOut").mousedown(function () {


        var url = "../hik/PTZControlWithSpeed";


        var url = "../cameraSdk/PTZControlWithSpeed";


        var code = 11;


        var enable = true;


        commondMethod(url, code, enable);


    })


    $("#controlZoomOut").mouseup(function () {


        var url = "../hik/PTZControlWithSpeed";


        var url = "../cameraSdk/PTZControlWithSpeed";


        var code = 11;


        var enable = false;


        commondMethod(url, code, enable);


    })


    //变焦


    $("#controlFocusNear").mousedown(function () {


        var url = "../hik/PTZControlWithSpeed";


        var url = "../cameraSdk/PTZControlWithSpeed";


        var code = 12;


        var enable = true;


        commondMethod(url, code, enable);


    })


    $("#controlFocusNear").mouseup(function () {


        var url = "../hik/PTZControlWithSpeed";


        var url = "../cameraSdk/PTZControlWithSpeed";


        var code = 12;


        var enable = false;


        commondMethod(url, code, enable);


    })


    $("#controlFocusFar").mousedown(function () {


        var url = "../hik/PTZControlWithSpeed";


        var url = "../cameraSdk/PTZControlWithSpeed";


        var code = 13;


        var enable = true;


        commondMethod(url, code, enable);


    })


    $("#controlFocusFar").mouseup(function () {


        var url = "../hik/PTZControlWithSpeed";


        var url = "../cameraSdk/PTZControlWithSpeed";


        var code = 13;


        var enable = false;


        commondMethod(url, code, enable);


    })


    //光圈


    $("#controlIrisOpen").mousedown(function () {


        var url = "../hik/PTZControlWithSpeed";


        var url = "../cameraSdk/PTZControlWithSpeed";


        var code = 14;


        var enable = true;


        commondMethod(url, code, enable);


    })


    $("#controlIrisOpen").mouseup(function () {


        var url = "../hik/PTZControlWithSpeed";


        var url = "../cameraSdk/PTZControlWithSpeed";


        var code = 14;


        var enable = false;


        commondMethod(url, code, enable);


    })


    $("#controlIrisClose").mousedown(function () {


        var url = "../hik/PTZControlWithSpeed";


        var url = "../cameraSdk/PTZControlWithSpeed";


        var code = 15;


        var enable = true;


        commondMethod(url, code, enable);


    })


    $("#controlIrisClose").mouseup(function () {


        var url = "../hik/PTZControlWithSpeed";


        var url = "../cameraSdk/PTZControlWithSpeed";


        var code = 15;


        var enable = false;


        commondMethod(url, code, enable);


@@ -326,14 +310,14 @@




    $("#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',


                'Content-Type': 'application/json',


                'Authorization': token


            },


            url: "../hik/setPreset",


            url: "../cameraSdk/setPreset",


            type: "post",


            dataType: "json",


            data: JSON.stringify(opt),


@@ -344,14 +328,14 @@


    })


    $("#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',


                'Content-Type': 'application/json',


                'Authorization': token


            },


            url: "../hik/gotoPreset",


            url: "../cameraSdk/gotoPreset",


            type: "post",


            dataType: "json",


            data: JSON.stringify(opt),


@@ -362,14 +346,14 @@


    })


    $("#getPTZ").click(function () {


        cameraId = $('#select option:selected').val();


        opt = {"cameraId": cameraId, "channelNum": 1};


        opt = {"cameraId": cameraId, "chanNo": 1};


        $.ajax({


            headers: {


                'Accept': 'application/json',


                'Content-Type': 'application/json',


                'Authorization': token


            },


            url: "../hik/getPTZ",


            url: "../cameraSdk/getPTZ",


            type: "post",


            dataType: "json",


            data: JSON.stringify(opt),


@@ -388,7 +372,7 @@


        var z = $('#z').val();


        //定义一个带有Map字段的实体对象


        var myEntity = {


            channelNum: 1,


            chanNo: 1,


            cameraId: cameraId,


            ptzMap: {


                p: p,


@@ -403,7 +387,7 @@


                'Content-Type': 'application/json',


                'Authorization': token


            },


            url: "../hik/setPTZ",


            url: "../cameraSdk/setPTZ",


            type: "post",


            dataType: "json",


            data: JSON.stringify(myEntity),


@@ -419,7 +403,7 @@


        var targetP = $('#targetPostion').val();


        //定义一个带有Map字段的实体对象


        var myEntity = {


            channelNum: 1,


            chanNo: 1,


            cameraId: cameraId,


            targetPosition: targetP,


            camPosition: camP,


@@ -431,7 +415,7 @@


                'Content-Type': 'application/json',


                'Authorization': token


            },


            url: "../hik/setTargetPosition",


            url: "../cameraSdk/setTargetPosition",


            type: "post",


            dataType: "json",


            data: JSON.stringify(myEntity),


@@ -442,14 +426,14 @@


    })


    $("#setZeroPTZ").click(function () {


        cameraId = $('#select option:selected').val();


        opt = {"cameraId": cameraId, "channelNum": 1};


        opt = {"cameraId": cameraId, "chanNo": 1};


        $.ajax({


            headers: {


                'Accept': 'application/json',


                'Content-Type': 'application/json',


                'Authorization': token


            },


            url: "../hik/setZeroPTZ",


            url: "../cameraSdk/setZeroPTZ",


            type: "post",


            dataType: "json",


            data: JSON.stringify(opt),


@@ -460,14 +444,14 @@


    })


    $("#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',


                'Content-Type': 'application/json',


                'Authorization': token


            },


            url: "../hik/PTZControlWithSpeed",


            url: "../cameraSdk/PTZControlWithSpeed",


            type: "post",


            dataType: "json",


            data: JSON.stringify(opt),


@@ -479,8 +463,8 @@


    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;


@@ -490,7 +474,7 @@


                    'Content-Type': 'application/json',


                    'Authorization': token


                },


                url: "../hik/defogcfg",


                url: "../cameraSdk/defogcfg",


                type: "post",


                dataType: "json",


                data: JSON.stringify(optOpen),


@@ -507,7 +491,7 @@


                    'Content-Type': 'application/json',


                    'Authorization': token


                },


                url: "../hik/defogcfg",


                url: "../cameraSdk/defogcfg",


                type: "post",


                dataType: "json",


                data: JSON.stringify(optClose),


@@ -521,8 +505,8 @@


    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;


@@ -532,7 +516,7 @@


                    'Content-Type': 'application/json',


                    'Authorization': token


                },


                url: "../hik/infrarecfg",


                url: "../cameraSdk/infrarecfg",


                type: "post",


                dataType: "json",


                data: JSON.stringify(optOpen),


@@ -550,7 +534,7 @@


                    'Content-Type': 'application/json',


                    'Authorization': token


                },


                url: "../hik/infrarecfg",


                url: "../cameraSdk/infrarecfg",


                type: "post",


                dataType: "json",


                data: JSON.stringify(optClose),


@@ -563,8 +547,8 @@


    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;


@@ -574,7 +558,7 @@


                    'Content-Type': 'application/json',


                    'Authorization': token


                },


                url: "../hik/focusMode",


                url: "../cameraSdk/focusMode",


                type: "post",


                dataType: "json",


                data: JSON.stringify(optOpen),


@@ -591,7 +575,7 @@


                    'Content-Type': 'application/json',


                    'Authorization': token


                },


                url: "../hik/focusMode",


                url: "../cameraSdk/focusMode",


                type: "post",


                dataType: "json",


                data: JSON.stringify(optClose),


@@ -601,11 +585,30 @@


            })


        }


    })


    $("#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: "../cameraSdk/getFocusPos",


                type: "post",


                dataType: "json",


                data: JSON.stringify(opt),


                success: function (datas) {


                    console.log(datas);


                    $("#focus").val(datas.data);


                }


            })


    })


    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;


@@ -615,7 +618,7 @@


                    'Content-Type': 'application/json',


                    'Authorization': token


                },


                url: "../hik/heateRpwron",


                url: "../cameraSdk/heateRpwron",


                type: "post",


                dataType: "json",


                data: JSON.stringify(optOpen),


@@ -632,7 +635,7 @@


                    'Content-Type': 'application/json',


                    'Authorization': token


                },


                url: "../hik/heateRpwron",


                url: "../cameraSdk/heateRpwron",


                type: "post",


                dataType: "json",


                data: JSON.stringify(optClose),


@@ -645,8 +648,8 @@


    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;


@@ -655,7 +658,7 @@


                    'Accept': 'application/json',


                    'Content-Type': 'application/json'


                },


                url: "../hik/cameraDeicing",


                url: "../cameraSdk/cameraDeicing",


                type: "post",


                dataType: "json",


                data: JSON.stringify(optOpen),


@@ -672,7 +675,7 @@


                    'Content-Type': 'application/json',


                    'Authorization': token


                },


                url: "../hik/cameraDeicing",


                url: "../cameraSdk/cameraDeicing",


                type: "post",


                dataType: "json",


                data: JSON.stringify(optClose),


@@ -684,14 +687,14 @@


    })


    $("#realCutPic").click(function () {


        cameraId = $('#select option:selected').val();


        opt = {"cameraId": cameraId, "channelNum": 1};


        opt = {"cameraId": cameraId, "chanNo": 1};


        $.ajax({


            headers: {


                'Accept': 'application/json',


                'Content-Type': 'application/json',


                'Authorization': token


            },


            url: "../hik/captureJPEGPicture",


            url: "../cameraSdk/captureJPEGPicture",


            type: "post",


            dataType: "json",


            data: JSON.stringify(opt),


@@ -703,28 +706,31 @@


    })


    $("#saveCutPic").click(function () {


        cameraId = $('#select option:selected').val();


        opt = {"cameraId": cameraId, "channelNum": 1};


        opt = {"cameraId": cameraId, "chanNo": 1};


        $.ajax({


            headers: {


                'Accept': 'application/json',


                'Content-Type': 'application/json',


                'Authorization': token


            },


            url: "../hik/picCutCate",


            url: "../cameraSdk/picCutCate",


            type: "post",


            dataType: "json",


            data: JSON.stringify(opt),


            success: function (data) {


                console.log(data.data);


                $('#imgContainer').attr('src', data.data);


                setTimeout(() => {


                    $('#imgContainer').attr('src', data.data);


                }, 1000 )




            }


        })


    })


    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;


@@ -734,7 +740,7 @@


                    'Content-Type': 'application/json',


                    'Authorization': token


                },


                url: "../hik/record",


                url: "../cameraSdk/record",


                type: "post",


                dataType: "json",


                data: JSON.stringify(optOpen),


@@ -751,7 +757,7 @@


                    'Content-Type': 'application/json',


                    'Authorization': token


                },


                url: "../hik/record",


                url: "../cameraSdk/record",


                dataType: "json",


                data: JSON.stringify(optClose),


                type: "post",


@@ -767,7 +773,7 @@


    /*云台公共方法*/


    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": 4, "enable": enable, "code": code};


        $.ajax({


            headers: {


                'Accept': 'application/json',


@@ -795,9 +801,9 @@


            var cameraId = $('#select option:selected').val();


            let camera = cameraMap.get(cameraId);


            console.log(camera);


            if (camera.type == "ys") {


            if (camera.factory == "3") {


                realViewYs("127.0.0.1", ID, camera.username, camera.password, camera.ipaddr, camera.port);


            } else if (camera.type == "dh") {


            } else if (camera.factory == "2") {


                realViewDh("127.0.0.1", ID, camera.username, camera.password, camera.ipaddr, camera.port);


            } else {


                realViewHik("127.0.0.1", ID, camera.username, camera.password, camera.ipaddr, camera.port);


@@ -807,7 +813,8 @@




    //预览海康相机


    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);


@@ -846,6 +853,5 @@


        webRtcServer.disconnect();


    }


</script>




</body>


</html>