‘liusuyi’
2023-08-26 76817b8c752b12030ab285bcb5b2effebfa9a248
ard-work/src/main/resources/templates/test.html
@@ -13,6 +13,20 @@
            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 ">
@@ -127,11 +141,15 @@
            <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, token;
    var cameraId, opt,optOpen,optClose, token;
    window.onload = function () {
        $.ajax({
            url: "../hik/list",
@@ -461,8 +479,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, "channelNum": 1, "enable": true};
         optClose = {"cameraId": cameraId, "channelNum": 1, "enable": false};
        if (defogflag) {
            $(this).text("关闭透雾");
            defogflag = false;
@@ -503,8 +521,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, "channelNum": 1, "enable": true};
         optClose = {"cameraId": cameraId, "channelNum": 1, "enable": false};
        if (infrareflag) {
            $(this).text("关闭红外");
            infrareflag = false;
@@ -545,8 +563,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, "channelNum": 1, "enable": true};
         optClose = {"cameraId": cameraId, "channelNum": 1, "enable": false};
        if (focusModeflag) {
            $(this).text("自动聚焦");
            focusModeflag = false;
@@ -828,5 +846,6 @@
        webRtcServer.disconnect();
    }
</script>
</body>
</html>