From 71dbac60afa54d2642c3471c080686da56579ca0 Mon Sep 17 00:00:00 2001 From: ‘liusuyi’ <1951119284@qq.com> Date: 星期六, 09 九月 2023 16:37:13 +0800 Subject: [PATCH] 流媒体优化 --- ard-work/src/main/resources/templates/preview.html | 26 +++++++++++++++++--------- 1 files changed, 17 insertions(+), 9 deletions(-) diff --git a/ard-work/src/main/resources/templates/preview.html b/ard-work/src/main/resources/templates/preview.html index 1a57d63..63871f9 100644 --- a/ard-work/src/main/resources/templates/preview.html +++ b/ard-work/src/main/resources/templates/preview.html @@ -21,7 +21,7 @@ .container { background-color: #151414; /* 灏嗙綉鏍奸」鐩殑棰滆壊璁剧疆涓虹孩鑹茶儗鏅� */ flex: 9; - border: 1px solid #ccc; + border: 10px solid; box-sizing: border-box; display: grid; grid-template-columns: repeat(2, 1fr); /* 榛樿 2x2 缃戞牸 */ @@ -35,7 +35,7 @@ display: flex; justify-content: center; align-items: center; - border: 1px solid #ccc; + border: 2px solid #384551; box-sizing: border-box; padding: 10px; /* 鍐呰竟璺濅负 10px */ position: relative; /* 娣诲姞鐩稿瀹氫綅 */ @@ -148,19 +148,27 @@ } - let mediamtxHost = "192.168.1.12" + let mediamtxHost = "192.168.1.227" var chanMap = new Map(); window.onload = function () { changeGrid(2, 2); chanMap.set("video1", "http://" + mediamtxHost + ":8889/164/"); - chanMap.set("video2", "http://" + mediamtxHost + ":8889/165/"); - chanMap.set("video3", "http://" + mediamtxHost + ":8889/245/"); + chanMap.set("video2", "http://" + mediamtxHost + ":8889/164/"); + chanMap.set("video3", "http://" + mediamtxHost + ":8889/164/"); chanMap.set("video4", "http://" + mediamtxHost + ":8889/164/"); - chanMap.set("video5", "http://" + mediamtxHost + ":8889/165/"); - chanMap.set("video6", "http://" + mediamtxHost + ":8889/245/"); + chanMap.set("video5", "http://" + mediamtxHost + ":8889/164/"); + chanMap.set("video6", "http://" + mediamtxHost + ":8889/164/"); chanMap.set("video7", "http://" + mediamtxHost + ":8889/164/"); - chanMap.set("video8", "http://" + mediamtxHost + ":8889/165/"); - chanMap.set("video9", "http://" + mediamtxHost + ":8889/245/"); + chanMap.set("video8", "http://" + mediamtxHost + ":8889/164/"); + chanMap.set("video9", "http://" + mediamtxHost + ":8889/164/"); + chanMap.set("video10", "http://" + mediamtxHost + ":8889/164/"); + chanMap.set("video11", "http://" + mediamtxHost + ":8889/164/"); + chanMap.set("video12", "http://" + mediamtxHost + ":8889/164/"); + chanMap.set("video13", "http://" + mediamtxHost + ":8889/164/"); + chanMap.set("video14", "http://" + mediamtxHost + ":8889/164/"); + chanMap.set("video15", "http://" + mediamtxHost + ":8889/164/"); + chanMap.set("video16", "http://" + mediamtxHost + ":8889/164/"); + console.log(chanMap); } const linkToIceServers = (links) => ( -- Gitblit v1.9.3