yxw 2023-11-24 18:13:20 +08:00
parent 41db73cd11
commit bb1c9ee270
3 changed files with 85 additions and 54 deletions

View File

@ -856,5 +856,5 @@ input:disabled {
}
.equalizer-bar:nth-child(1) span {
background: #a7dce9;
background: #333;
}

103
home.html
View File

@ -97,11 +97,11 @@
<span style="opacity: 1;"></span>
<span style="opacity: 1;"></span>
<span style="opacity: 1;"></span>
<span style="opacity: 0;"></span>
<span style="opacity: 0;"></span>
<span style="opacity: 0;"></span>
<span style="opacity: 0;"></span>
<span style="opacity: 0;"></span>
<span style="opacity: 1;"></span>
<span style="opacity: 1;"></span>
<span style="opacity: 1;"></span>
<span style="opacity: 1;"></span>
<span style="opacity: 1;"></span>
</div>
<div style="font-size: 12px !important;width: 14px;margin: 0 3px;">L
</div>
@ -130,8 +130,8 @@
<span style="opacity: 1;"></span>
<span style="opacity: 1;"></span>
<span style="opacity: 1;"></span>
<span style="opacity: 0;"></span>
<span style="opacity: 0;"></span>
<span style="opacity: 1;"></span>
<span style="opacity: 1;"></span>
</div>
<div style="font-size: 12px !important;width: 14px;margin: 0 3px;">R
</div>
@ -332,11 +332,11 @@
<span style="opacity: 1;"></span>
<span style="opacity: 1;"></span>
<span style="opacity: 1;"></span>
<span style="opacity: 0;"></span>
<span style="opacity: 0;"></span>
<span style="opacity: 0;"></span>
<span style="opacity: 0;"></span>
<span style="opacity: 0;"></span>
<span style="opacity: 1;"></span>
<span style="opacity: 1;"></span>
<span style="opacity: 1;"></span>
<span style="opacity: 1;"></span>
<span style="opacity: 1;"></span>
</div>
<div
style="font-size: 12px !important;width: 14px;margin: 0 3px;height: 18px;">
@ -538,11 +538,11 @@
<span style="opacity: 1;"></span>
<span style="opacity: 1;"></span>
<span style="opacity: 1;"></span>
<span style="opacity: 0;"></span>
<span style="opacity: 0;"></span>
<span style="opacity: 0;"></span>
<span style="opacity: 0;"></span>
<span style="opacity: 0;"></span>
<span style="opacity: 1;"></span>
<span style="opacity: 1;"></span>
<span style="opacity: 1;"></span>
<span style="opacity: 1;"></span>
<span style="opacity: 1;"></span>
</div>
<div
style="font-size: 12px !important;width: 14px;margin: 0 3px;height: 18px;">
@ -740,11 +740,11 @@
<span style="opacity: 1;"></span>
<span style="opacity: 1;"></span>
<span style="opacity: 1;"></span>
<span style="opacity: 0;"></span>
<span style="opacity: 0;"></span>
<span style="opacity: 0;"></span>
<span style="opacity: 0;"></span>
<span style="opacity: 0;"></span>
<span style="opacity: 1;"></span>
<span style="opacity: 1;"></span>
<span style="opacity: 1;"></span>
<span style="opacity: 1;"></span>
<span style="opacity: 1;"></span>
</div>
<div style="font-size: 12px !important;width: 14px;margin: 0 3px;">L
</div>
@ -773,8 +773,8 @@
<span style="opacity: 1;"></span>
<span style="opacity: 1;"></span>
<span style="opacity: 1;"></span>
<span style="opacity: 0;"></span>
<span style="opacity: 0;"></span>
<span style="opacity: 1;"></span>
<span style="opacity: 1;"></span>
</div>
<div style="font-size: 12px !important;width: 14px;margin: 0 3px;">R
</div>
@ -1254,12 +1254,15 @@
else if (module == 'mic1') {
data.mic1 = resData.content.mic1
mic1Value = data.mic1.audio.toFixed(1)
$("input[name='mic1']").attr('checked', data.mic1.signal == 'open')
Microphone1Slider(mic1Value)
mic1Post = false
}
else if (module == 'mic2') {
data.mic2 = resData.content.mic2
mic2Value = data.mic2.audio.toFixed(1)
$("input[name='mic2']").attr('checked', data.mic2.signal == 'open')
Microphone2Slider(mic2Value)
mic2Post = false
}
@ -1303,35 +1306,35 @@
}
},
error: function () {
// data = {
// lineinput: {
// signal: "analog",
// audio: -30,
// state: "open"
// },
// mic1: {
// signal: "open",
// audio: -5,
// state: "open"
// },
// mic2: {
// signal: "open",
// audio: 5,
// state: "open"
// },
// output: {
// signal: "open",
// audio: 3,
// state: "open"
// }
// }
data = {
lineinput: {
signal: "analog",
audio: -30,
state: "open"
},
mic1: {
signal: "open",
audio: -5,
state: "open"
},
mic2: {
signal: "close",
audio: 5,
state: "open"
},
output: {
signal: "open",
audio: 3,
state: "open"
}
}
// lineinputValue = data.lineinput.audio
// mic1Value = data.mic1.audio
// mic2Value = data.mic2.audio
// outputValue = data.output.audio
// bindData()
bindData()
}
})
@ -1341,10 +1344,8 @@
function bindData() {
$("input[name='lineinput']").val([`${data.lineinput.signal}`])
$("input[name='mic1']").attr('checked', 'open')
$("input[name='mic2']").attr('checked', 'open')
// $("input[name='mic1']").attr('checked', data.mic1.signal == 'open')
// $("input[name='mic2']").attr('checked', data.mic2.signal == 'open')
$("input[name='mic1']").attr('checked', data.mic1.signal == 'open')
$("input[name='mic2']").attr('checked', data.mic2.signal == 'open')
$("input[name='outputvolume-voice-close']").attr('checked', data.output.state == 'close')
$("input[name='microphone2-voice-close']").attr('checked', data.mic2.state == 'close')
$("input[name='microphone1-voice-close']").attr('checked', data.mic1.state == 'close')

View File

@ -37,9 +37,9 @@
<button type="button" id="submit" class="btn btn-lg btn-dark border border-black">LOGIN</button>
</div>
<div class="mt-5 mb-3" style="color: #888888;">
<div>GUI V1.0.0
<div id="guiv">GUI V1.0.0
</div>
<div>FIRMWARE V1.0.0</div>
<div id="firmwarev">FIRMWARE V1.0.0</div>
</div>
</div>
</div>
@ -62,6 +62,7 @@
document.addEventListener("DOMContentLoaded", function () {
//初始化配置
loadData()
})
$(document).ready(function () {
@ -103,6 +104,35 @@
})
})
})
function loadData() {
let url = "http://192.168.0.116/cgi-bin/test.cgi?action=system_get"
$.ajax({
type: "GET",
url: url,
success: function (res) {
data = res.content
bindData()
},
error: function () {
data = {
gui: "v1.0.2",
firmware: "v1.0.0",
sn: "SN-2343-123-NNDD",
hostname: "Test.Hostname"
}
bindData()
}
})
}
function bindData() {
$("#guiv").text(`${data.gui}`)
$("#firmwarev").text(`${data.firmware}`)
$("#sn").text(`${data.sn}`)
$("#hostName").text(`${data.hostname}`)
}
</script>
<script src="js/main.js"></script>
</body>