yxw
/
AudioHTML
1
0
Fork 0
Code Issues 1 Pull Requests Packages Projects Releases Wiki Activity

fix

main
yxw 2023-11-24 18:13:20 +08:00
parent 41db73cd11
commit bb1c9ee270
3 changed files with 85 additions and 54 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
css/app.css
View File

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

34
login.html
View File

@ -37,9 +37,9 @@
<button type="button" id="submit" class="btn btn-lg btn-dark border border-black">LOGIN</button> <button type="button" id="submit" class="btn btn-lg btn-dark border border-black">LOGIN</button>
</div> </div>
<div class="mt-5 mb-3" style="color: #888888;"> <div class="mt-5 mb-3" style="color: #888888;">
<div>GUI V1.0.0 <div id="guiv">GUI V1.0.0
</div> </div>
<div>FIRMWARE V1.0.0</div> <div id="firmwarev">FIRMWARE V1.0.0</div>
</div> </div>
</div> </div>
</div> </div>
@ -62,6 +62,7 @@
document.addEventListener("DOMContentLoaded", function () { document.addEventListener("DOMContentLoaded", function () {
//初始化配置 //初始化配置
loadData()
}) })
$(document).ready(function () { $(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>
<script src="js/main.js"></script> <script src="js/main.js"></script>
</body> </body>