main
parent
ceccc9d6ea
commit
0eabdc62c9
|
@ -234,6 +234,7 @@
|
||||||
$("input[name='lock']").val([`${data.lock}`]);
|
$("input[name='lock']").val([`${data.lock}`]);
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
<script src="js/main.js"></script>
|
||||||
</body>
|
</body>
|
||||||
|
|
||||||
</html>
|
</html>
|
530
ducking.html
530
ducking.html
|
@ -352,30 +352,73 @@
|
||||||
</div>
|
</div>
|
||||||
</footer>
|
</footer>
|
||||||
</div>
|
</div>
|
||||||
</body>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
|
|
||||||
var data = {}
|
<script>
|
||||||
|
|
||||||
document.addEventListener("DOMContentLoaded", function () {
|
var data = {}
|
||||||
//初始化配置
|
|
||||||
loadData();
|
|
||||||
|
|
||||||
})
|
document.addEventListener("DOMContentLoaded", function () {
|
||||||
|
//初始化配置
|
||||||
|
loadData();
|
||||||
|
|
||||||
$(document).ready(function () {
|
})
|
||||||
let mic1 = $("#mic1")
|
|
||||||
let mic2 = $("#mic2")
|
|
||||||
|
|
||||||
$("input[name='switch']").on('change', function () {
|
$(document).ready(function () {
|
||||||
let $value = $("input[name='switch']:checked").val()
|
let mic1 = $("#mic1")
|
||||||
// console.log($("input[name='switch']:checked").val())
|
let mic2 = $("#mic2")
|
||||||
// alert($value)
|
|
||||||
|
|
||||||
|
$("input[name='switch']").on('change', function () {
|
||||||
|
let $value = $("input[name='switch']:checked").val()
|
||||||
|
// console.log($("input[name='switch']:checked").val())
|
||||||
|
// alert($value)
|
||||||
|
|
||||||
|
let url = '/cgi-bin/test.cgi?action=ducker_set';
|
||||||
|
let postData = {
|
||||||
|
state: $value
|
||||||
|
}
|
||||||
|
|
||||||
|
$.ajax({
|
||||||
|
type: 'POST',
|
||||||
|
url: url,
|
||||||
|
data: postData,
|
||||||
|
dataType: "json",
|
||||||
|
contentType: "application/json; charset=utf-8",
|
||||||
|
success: function (res) {
|
||||||
|
if (res.success) {
|
||||||
|
data = res.content
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
alert(res.message)
|
||||||
|
}
|
||||||
|
},
|
||||||
|
error: function (res) {
|
||||||
|
}
|
||||||
|
})
|
||||||
|
|
||||||
|
})
|
||||||
|
|
||||||
|
mic1.on('change', function () {
|
||||||
|
var isChecked = mic1.prop('checked');
|
||||||
|
// alert(isChecked)
|
||||||
|
micChange(mic1.prop('checked'), mic2.prop('checked'))
|
||||||
|
})
|
||||||
|
|
||||||
|
mic2.on('change', function () {
|
||||||
|
var isChecked = mic2.prop('checked');
|
||||||
|
// alert(isChecked)
|
||||||
|
micChange(mic1.prop('checked'), mic2.prop('checked'))
|
||||||
|
})
|
||||||
|
|
||||||
|
|
||||||
|
})
|
||||||
|
|
||||||
|
|
||||||
|
function micChange(mic1, mic2) {
|
||||||
let url = '/cgi-bin/test.cgi?action=ducker_set';
|
let url = '/cgi-bin/test.cgi?action=ducker_set';
|
||||||
let postData = {
|
let postData = {
|
||||||
state:$value
|
mic1: mic1 ? "open" : "close",
|
||||||
|
mic2: mic2 ? "open" : "close",
|
||||||
}
|
}
|
||||||
|
|
||||||
$.ajax({
|
$.ajax({
|
||||||
|
@ -395,268 +438,213 @@
|
||||||
error: function (res) {
|
error: function (res) {
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
|
|
||||||
})
|
|
||||||
|
|
||||||
mic1.on('change', function () {
|
|
||||||
var isChecked = mic1.prop('checked');
|
|
||||||
// alert(isChecked)
|
|
||||||
micChange(mic1.prop('checked'), mic2.prop('checked'))
|
|
||||||
})
|
|
||||||
|
|
||||||
mic2.on('change', function () {
|
|
||||||
var isChecked = mic2.prop('checked');
|
|
||||||
// alert(isChecked)
|
|
||||||
micChange(mic1.prop('checked'), mic2.prop('checked'))
|
|
||||||
})
|
|
||||||
|
|
||||||
|
|
||||||
})
|
|
||||||
|
|
||||||
|
|
||||||
function micChange(mic1, mic2) {
|
|
||||||
let url = '/cgi-bin/test.cgi?action=ducker_set';
|
|
||||||
let postData = {
|
|
||||||
mic1: mic1 ? "open" : "close",
|
|
||||||
mic2: mic2 ? "open" : "close",
|
|
||||||
}
|
}
|
||||||
|
|
||||||
$.ajax({
|
|
||||||
type: 'POST',
|
|
||||||
url: url,
|
|
||||||
data: postData,
|
|
||||||
dataType: "json",
|
|
||||||
contentType: "application/json; charset=utf-8",
|
|
||||||
success: function (res) {
|
|
||||||
if (res.success) {
|
|
||||||
data = res.content
|
|
||||||
}
|
|
||||||
else {
|
|
||||||
alert(res.message)
|
|
||||||
}
|
|
||||||
},
|
|
||||||
error: function (res) {
|
|
||||||
}
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|
||||||
|
function loadData() {
|
||||||
function loadData() {
|
let url = '/cgi-bin/test.cgi?action=ducker_get';
|
||||||
let url = '/cgi-bin/test.cgi?action=ducker_get';
|
$.ajax({
|
||||||
$.ajax({
|
type: "GET",
|
||||||
type: "GET",
|
url: url,
|
||||||
url: url,
|
success: function (res) {
|
||||||
success: function (res) {
|
|
||||||
data = res.content
|
|
||||||
bindData()
|
|
||||||
},
|
|
||||||
error: function () {
|
|
||||||
data = {
|
|
||||||
parameters: {
|
|
||||||
threshold: -30,
|
|
||||||
attack: 200,
|
|
||||||
ducklevel: -3,
|
|
||||||
release: 1000,
|
|
||||||
state: "enable"
|
|
||||||
},
|
|
||||||
mic1: "close",
|
|
||||||
mic2: "open"
|
|
||||||
}
|
|
||||||
bindData()
|
|
||||||
}
|
|
||||||
})
|
|
||||||
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
function bindData() {
|
|
||||||
$("input[name='switch']").val([`${data.parameters.state}`])
|
|
||||||
$("#mic1").prop("checked", data.mic1 == 'open')
|
|
||||||
$("#mic2").prop("checked", data.mic2 == 'open')
|
|
||||||
attackSlider(data.parameters.attack);
|
|
||||||
thresholdSlider(data.parameters.threshold);
|
|
||||||
ducklevelSlider(data.parameters.ducklevel);
|
|
||||||
releaseSlider(data.parameters.release);
|
|
||||||
}
|
|
||||||
|
|
||||||
function attackSlider(number) {
|
|
||||||
let element = $('#attack')
|
|
||||||
let input = $("#attack .volume-slider input")
|
|
||||||
input.attr('value', (parseInt(number) - 10) / (490 / 100))
|
|
||||||
updateAttackSlider(element);
|
|
||||||
|
|
||||||
|
|
||||||
input.on('input', function () {
|
|
||||||
updateAttackSlider(element);
|
|
||||||
})
|
|
||||||
input.on('change', function () {
|
|
||||||
updateAttackSlider(element);
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|
||||||
function updateAttackSlider(element) {
|
|
||||||
|
|
||||||
let box = element.children().find(".volume-slider")
|
|
||||||
let input = element.children().find(".volume-slider input")
|
|
||||||
let $thumb = element.children().find(".range-slider-thumb")
|
|
||||||
let $bar = element.children().find(".range-slider-bar")
|
|
||||||
let $value = element.children().find(".slider-value")
|
|
||||||
pct = input.val() * ((box[0].clientHeight - $thumb[0].clientHeight) / box[0].clientHeight);
|
|
||||||
|
|
||||||
$thumb.attr('style', `bottom:${pct}%`)
|
|
||||||
|
|
||||||
let barHeight = `calc(${pct}% + ${$thumb[0].clientHeight / 2}px)`;
|
|
||||||
$bar.attr('style', `height:${barHeight}`)
|
|
||||||
let number = ((input.val() * (490 / 100)) + 10).toFixed(1)
|
|
||||||
$value.val(`${number}`);
|
|
||||||
//调用接口提交数据
|
|
||||||
changeInputValue('attack',number)
|
|
||||||
}
|
|
||||||
|
|
||||||
function thresholdSlider(number) {
|
|
||||||
let element = $('#threshold')
|
|
||||||
let input = $("#threshold .volume-slider input")
|
|
||||||
input.attr('value', (parseInt(number) + 60) / (60 / 100))
|
|
||||||
updateThresholdSlider(element);
|
|
||||||
|
|
||||||
|
|
||||||
input.on('input', function () {
|
|
||||||
updateThresholdSlider(element);
|
|
||||||
})
|
|
||||||
input.on('change', function () {
|
|
||||||
updateThresholdSlider(element);
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|
||||||
function updateThresholdSlider(element) {
|
|
||||||
let box = element.children().find(".volume-slider")
|
|
||||||
let input = element.children().find(".volume-slider input")
|
|
||||||
let $thumb = element.children().find(".range-slider-thumb")
|
|
||||||
let $bar = element.children().find(".range-slider-bar")
|
|
||||||
let $value = element.children().find(".slider-value")
|
|
||||||
pct = input.val() * ((box[0].clientHeight - $thumb[0].clientHeight) / box[0].clientHeight);
|
|
||||||
|
|
||||||
$thumb.attr('style', `bottom:${pct}%`)
|
|
||||||
|
|
||||||
let barHeight = `calc(${pct}% + ${$thumb[0].clientHeight / 2}px)`;
|
|
||||||
$bar.attr('style', `height:${barHeight}`)
|
|
||||||
|
|
||||||
let number = ((input.val() * (60 / 100)) - 60).toFixed(1)
|
|
||||||
$value.val(`${number}`);
|
|
||||||
//调用接口提交数据
|
|
||||||
changeInputValue('threshold',number)
|
|
||||||
}
|
|
||||||
|
|
||||||
function ducklevelSlider(number) {
|
|
||||||
let element = $('#ducklevel')
|
|
||||||
let input = $("#ducklevel .volume-slider input")
|
|
||||||
input.attr('value', (parseInt(number) + 100) / (100 / 100))
|
|
||||||
updateDucklevelSlider(element);
|
|
||||||
|
|
||||||
|
|
||||||
input.on('input', function () {
|
|
||||||
updateDucklevelSlider(element);
|
|
||||||
})
|
|
||||||
input.on('change', function () {
|
|
||||||
updateDucklevelSlider(element);
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|
||||||
function updateDucklevelSlider(element) {
|
|
||||||
let box = element.children().find(".volume-slider")
|
|
||||||
let input = element.children().find(".volume-slider input")
|
|
||||||
let $thumb = element.children().find(".range-slider-thumb")
|
|
||||||
let $bar = element.children().find(".range-slider-bar")
|
|
||||||
let $value = element.children().find(".slider-value")
|
|
||||||
pct = input.val() * ((box[0].clientHeight - $thumb[0].clientHeight) / box[0].clientHeight);
|
|
||||||
|
|
||||||
$thumb.attr('style', `bottom:${pct}%`)
|
|
||||||
|
|
||||||
let barHeight = `calc(${pct}% + ${$thumb[0].clientHeight / 2}px)`;
|
|
||||||
$bar.attr('style', `height:${barHeight}`)
|
|
||||||
|
|
||||||
let number = ((input.val() * (100 / 100)) - 100).toFixed(1)
|
|
||||||
$value.val(`${number}`);
|
|
||||||
//调用接口提交数据
|
|
||||||
changeInputValue('ducklevel',number)
|
|
||||||
}
|
|
||||||
|
|
||||||
function releaseSlider(number) {
|
|
||||||
let element = $('#release')
|
|
||||||
let input = $("#release .volume-slider input")
|
|
||||||
input.attr('value', (parseInt(number) - 10) / (2000 / 100))
|
|
||||||
updateReleaseSlider(element);
|
|
||||||
|
|
||||||
|
|
||||||
input.on('input', function () {
|
|
||||||
updateReleaseSlider(element);
|
|
||||||
})
|
|
||||||
input.on('change', function () {
|
|
||||||
updateReleaseSlider(element);
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|
||||||
function updateReleaseSlider(element) {
|
|
||||||
let box = element.children().find(".volume-slider")
|
|
||||||
let input = element.children().find(".volume-slider input")
|
|
||||||
let $thumb = element.children().find(".range-slider-thumb")
|
|
||||||
let $bar = element.children().find(".range-slider-bar")
|
|
||||||
let $value = element.children().find(".slider-value")
|
|
||||||
pct = input.val() * ((box[0].clientHeight - $thumb[0].clientHeight) / box[0].clientHeight);
|
|
||||||
|
|
||||||
$thumb.attr('style', `bottom:${pct}%`)
|
|
||||||
|
|
||||||
let barHeight = `calc(${pct}% + ${$thumb[0].clientHeight / 2}px)`;
|
|
||||||
$bar.attr('style', `height:${barHeight}`)
|
|
||||||
|
|
||||||
let number = ((input.val() * (2000 / 100)) - 10).toFixed(1)
|
|
||||||
$value.val(`${number}`);
|
|
||||||
//调用接口提交数据
|
|
||||||
changeInputValue('release',number)
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
function changeInputValue(module, number) {
|
|
||||||
let url = "/cgi-bin/test.cgi&action=ducker_set"
|
|
||||||
let postData = {
|
|
||||||
subaction: module,
|
|
||||||
audio: number,
|
|
||||||
type: module
|
|
||||||
}
|
|
||||||
$.ajax({
|
|
||||||
type: 'POST',
|
|
||||||
url: url,
|
|
||||||
data: postData,
|
|
||||||
dataType: "json",
|
|
||||||
contentType: "application/json; charset=utf-8",
|
|
||||||
success: function (res) {
|
|
||||||
if (res.success) {
|
|
||||||
// ,,,release
|
|
||||||
|
|
||||||
// if (module == 'threshold') {
|
|
||||||
// data.lineinput = res.content.lineinput
|
|
||||||
// }
|
|
||||||
// else if (module == 'attack') {
|
|
||||||
// data.mic1 = res.content.mic1
|
|
||||||
// }
|
|
||||||
// else if (module == 'ducklevel') {
|
|
||||||
// data.mic2 = res.content.mic2
|
|
||||||
// }
|
|
||||||
// else {
|
|
||||||
// data.output = res.content.output
|
|
||||||
// }
|
|
||||||
data = res.content
|
data = res.content
|
||||||
bindData()
|
bindData()
|
||||||
|
},
|
||||||
|
error: function () {
|
||||||
|
data = {
|
||||||
|
parameters: {
|
||||||
|
threshold: -30,
|
||||||
|
attack: 200,
|
||||||
|
ducklevel: -3,
|
||||||
|
release: 1000,
|
||||||
|
state: "enable"
|
||||||
|
},
|
||||||
|
mic1: "close",
|
||||||
|
mic2: "open"
|
||||||
|
}
|
||||||
|
bindData()
|
||||||
}
|
}
|
||||||
else {
|
})
|
||||||
alert(res.message)
|
|
||||||
}
|
|
||||||
},
|
|
||||||
error: function (res) {
|
|
||||||
}
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|
||||||
</script>
|
|
||||||
|
}
|
||||||
|
|
||||||
|
function bindData() {
|
||||||
|
$("input[name='switch']").val([`${data.parameters.state}`])
|
||||||
|
$("#mic1").prop("checked", data.mic1 == 'open')
|
||||||
|
$("#mic2").prop("checked", data.mic2 == 'open')
|
||||||
|
attackSlider(data.parameters.attack);
|
||||||
|
thresholdSlider(data.parameters.threshold);
|
||||||
|
ducklevelSlider(data.parameters.ducklevel);
|
||||||
|
releaseSlider(data.parameters.release);
|
||||||
|
}
|
||||||
|
|
||||||
|
function attackSlider(number) {
|
||||||
|
let element = $('#attack')
|
||||||
|
let input = $("#attack .volume-slider input")
|
||||||
|
input.attr('value', (parseInt(number) - 10) / (490 / 100))
|
||||||
|
updateAttackSlider(element);
|
||||||
|
|
||||||
|
|
||||||
|
input.on('input', function () {
|
||||||
|
updateAttackSlider(element);
|
||||||
|
})
|
||||||
|
input.on('change', function () {
|
||||||
|
updateAttackSlider(element);
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
function updateAttackSlider(element) {
|
||||||
|
|
||||||
|
let box = element.children().find(".volume-slider")
|
||||||
|
let input = element.children().find(".volume-slider input")
|
||||||
|
let $thumb = element.children().find(".range-slider-thumb")
|
||||||
|
let $bar = element.children().find(".range-slider-bar")
|
||||||
|
let $value = element.children().find(".slider-value")
|
||||||
|
pct = input.val() * ((box[0].clientHeight - $thumb[0].clientHeight) / box[0].clientHeight);
|
||||||
|
|
||||||
|
$thumb.attr('style', `bottom:${pct}%`)
|
||||||
|
|
||||||
|
let barHeight = `calc(${pct}% + ${$thumb[0].clientHeight / 2}px)`;
|
||||||
|
$bar.attr('style', `height:${barHeight}`)
|
||||||
|
let number = ((input.val() * (490 / 100)) + 10).toFixed(1)
|
||||||
|
$value.val(`${number}`);
|
||||||
|
//调用接口提交数据
|
||||||
|
changeInputValue('attack', number)
|
||||||
|
}
|
||||||
|
|
||||||
|
function thresholdSlider(number) {
|
||||||
|
let element = $('#threshold')
|
||||||
|
let input = $("#threshold .volume-slider input")
|
||||||
|
input.attr('value', (parseInt(number) + 60) / (60 / 100))
|
||||||
|
updateThresholdSlider(element);
|
||||||
|
|
||||||
|
|
||||||
|
input.on('input', function () {
|
||||||
|
updateThresholdSlider(element);
|
||||||
|
})
|
||||||
|
input.on('change', function () {
|
||||||
|
updateThresholdSlider(element);
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
function updateThresholdSlider(element) {
|
||||||
|
let box = element.children().find(".volume-slider")
|
||||||
|
let input = element.children().find(".volume-slider input")
|
||||||
|
let $thumb = element.children().find(".range-slider-thumb")
|
||||||
|
let $bar = element.children().find(".range-slider-bar")
|
||||||
|
let $value = element.children().find(".slider-value")
|
||||||
|
pct = input.val() * ((box[0].clientHeight - $thumb[0].clientHeight) / box[0].clientHeight);
|
||||||
|
|
||||||
|
$thumb.attr('style', `bottom:${pct}%`)
|
||||||
|
|
||||||
|
let barHeight = `calc(${pct}% + ${$thumb[0].clientHeight / 2}px)`;
|
||||||
|
$bar.attr('style', `height:${barHeight}`)
|
||||||
|
|
||||||
|
let number = ((input.val() * (60 / 100)) - 60).toFixed(1)
|
||||||
|
$value.val(`${number}`);
|
||||||
|
//调用接口提交数据
|
||||||
|
changeInputValue('threshold', number)
|
||||||
|
}
|
||||||
|
|
||||||
|
function ducklevelSlider(number) {
|
||||||
|
let element = $('#ducklevel')
|
||||||
|
let input = $("#ducklevel .volume-slider input")
|
||||||
|
input.attr('value', (parseInt(number) + 100) / (100 / 100))
|
||||||
|
updateDucklevelSlider(element);
|
||||||
|
|
||||||
|
|
||||||
|
input.on('input', function () {
|
||||||
|
updateDucklevelSlider(element);
|
||||||
|
})
|
||||||
|
input.on('change', function () {
|
||||||
|
updateDucklevelSlider(element);
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
function updateDucklevelSlider(element) {
|
||||||
|
let box = element.children().find(".volume-slider")
|
||||||
|
let input = element.children().find(".volume-slider input")
|
||||||
|
let $thumb = element.children().find(".range-slider-thumb")
|
||||||
|
let $bar = element.children().find(".range-slider-bar")
|
||||||
|
let $value = element.children().find(".slider-value")
|
||||||
|
pct = input.val() * ((box[0].clientHeight - $thumb[0].clientHeight) / box[0].clientHeight);
|
||||||
|
|
||||||
|
$thumb.attr('style', `bottom:${pct}%`)
|
||||||
|
|
||||||
|
let barHeight = `calc(${pct}% + ${$thumb[0].clientHeight / 2}px)`;
|
||||||
|
$bar.attr('style', `height:${barHeight}`)
|
||||||
|
|
||||||
|
let number = ((input.val() * (100 / 100)) - 100).toFixed(1)
|
||||||
|
$value.val(`${number}`);
|
||||||
|
//调用接口提交数据
|
||||||
|
changeInputValue('ducklevel', number)
|
||||||
|
}
|
||||||
|
|
||||||
|
function releaseSlider(number) {
|
||||||
|
let element = $('#release')
|
||||||
|
let input = $("#release .volume-slider input")
|
||||||
|
input.attr('value', (parseInt(number) - 10) / (2000 / 100))
|
||||||
|
updateReleaseSlider(element);
|
||||||
|
|
||||||
|
|
||||||
|
input.on('input', function () {
|
||||||
|
updateReleaseSlider(element);
|
||||||
|
})
|
||||||
|
input.on('change', function () {
|
||||||
|
updateReleaseSlider(element);
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
function updateReleaseSlider(element) {
|
||||||
|
let box = element.children().find(".volume-slider")
|
||||||
|
let input = element.children().find(".volume-slider input")
|
||||||
|
let $thumb = element.children().find(".range-slider-thumb")
|
||||||
|
let $bar = element.children().find(".range-slider-bar")
|
||||||
|
let $value = element.children().find(".slider-value")
|
||||||
|
pct = input.val() * ((box[0].clientHeight - $thumb[0].clientHeight) / box[0].clientHeight);
|
||||||
|
|
||||||
|
$thumb.attr('style', `bottom:${pct}%`)
|
||||||
|
|
||||||
|
let barHeight = `calc(${pct}% + ${$thumb[0].clientHeight / 2}px)`;
|
||||||
|
$bar.attr('style', `height:${barHeight}`)
|
||||||
|
|
||||||
|
let number = ((input.val() * (2000 / 100)) - 10).toFixed(1)
|
||||||
|
$value.val(`${number}`);
|
||||||
|
//调用接口提交数据
|
||||||
|
changeInputValue('release', number)
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
function changeInputValue(module, number) {
|
||||||
|
let url = "/cgi-bin/test.cgi&action=ducker_set"
|
||||||
|
let postData = {
|
||||||
|
subaction: module,
|
||||||
|
audio: number,
|
||||||
|
type: module
|
||||||
|
}
|
||||||
|
$.ajax({
|
||||||
|
type: 'POST',
|
||||||
|
url: url,
|
||||||
|
data: postData,
|
||||||
|
dataType: "json",
|
||||||
|
contentType: "application/json; charset=utf-8",
|
||||||
|
success: function (res) {
|
||||||
|
if (res.success) {
|
||||||
|
data = res.content
|
||||||
|
bindData()
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
alert(res.message)
|
||||||
|
}
|
||||||
|
},
|
||||||
|
error: function (res) {
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
</script>
|
||||||
|
<script src="js/main.js"></script>
|
||||||
|
</body>
|
||||||
|
|
||||||
</html>
|
</html>
|
650
eq.html
650
eq.html
|
@ -720,330 +720,332 @@
|
||||||
</div>
|
</div>
|
||||||
</footer>
|
</footer>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<script>
|
||||||
|
var data = {}
|
||||||
|
|
||||||
|
document.addEventListener("DOMContentLoaded", function () {
|
||||||
|
//初始化配置
|
||||||
|
loadData();
|
||||||
|
|
||||||
|
})
|
||||||
|
|
||||||
|
$(document).ready(function () {
|
||||||
|
$("input[name='mic1switch']").on('change', function () {
|
||||||
|
let $value = $("input[name='mic1switch']:checked").val()
|
||||||
|
console.log($("input[name='mic1switch']:checked").val())
|
||||||
|
alert($value)
|
||||||
|
})
|
||||||
|
|
||||||
|
$("input[name='mic2switch']").on('change', function () {
|
||||||
|
let $value = $("input[name='mic2switch']:checked").val()
|
||||||
|
console.log($("input[name='mic2switch']:checked").val())
|
||||||
|
alert($value)
|
||||||
|
})
|
||||||
|
|
||||||
|
})
|
||||||
|
|
||||||
|
function loadData() {
|
||||||
|
let url = ""
|
||||||
|
$.ajax({
|
||||||
|
type: "GET",
|
||||||
|
url: url,
|
||||||
|
success: function (res) {
|
||||||
|
data = res.content
|
||||||
|
bindData()
|
||||||
|
},
|
||||||
|
error: function () {
|
||||||
|
data = {
|
||||||
|
mic1: {
|
||||||
|
threshold: 9,
|
||||||
|
attack: -1,
|
||||||
|
hold: 3,
|
||||||
|
release: -8,
|
||||||
|
state: "enable"
|
||||||
|
},
|
||||||
|
mic2: {
|
||||||
|
threshold: -7,
|
||||||
|
attack: 6,
|
||||||
|
hold: 0,
|
||||||
|
release: -2,
|
||||||
|
state: "disable"
|
||||||
|
}
|
||||||
|
}
|
||||||
|
bindData()
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
function bindData() {
|
||||||
|
$("input[name='mic1switch']").val([`${data.mic1.state}`])
|
||||||
|
$("input[name='mic2switch']").val([`${data.mic2.state}`])
|
||||||
|
mic1150HzSlider(data.mic1.attack);
|
||||||
|
mic140HzSlider(data.mic1.threshold);
|
||||||
|
mic1500HzSlider(data.mic1.hold);
|
||||||
|
mic12KHzSlider(data.mic1.release);
|
||||||
|
|
||||||
|
mic2150HzSlider(data.mic2.attack);
|
||||||
|
mic240HzSlider(data.mic2.threshold);
|
||||||
|
mic2500HzSlider(data.mic2.hold);
|
||||||
|
mic210KHzSlider(data.mic2.release);
|
||||||
|
}
|
||||||
|
|
||||||
|
function mic1150HzSlider(number) {
|
||||||
|
let element = $('#mic1150Hz')
|
||||||
|
let input = $("#mic1150Hz .volume-slider input")
|
||||||
|
input.attr('value', (parseInt(number) + 10) / (20 / 100))
|
||||||
|
updatemic1150HzSlider(element);
|
||||||
|
|
||||||
|
|
||||||
|
input.on('input', function () {
|
||||||
|
updatemic1150HzSlider(element);
|
||||||
|
})
|
||||||
|
input.on('change', function () {
|
||||||
|
updatemic1150HzSlider(element);
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
function updatemic1150HzSlider(element) {
|
||||||
|
|
||||||
|
let box = element.children().find(".volume-slider")
|
||||||
|
let input = element.children().find(".volume-slider input")
|
||||||
|
let $thumb = element.children().find(".range-slider-thumb")
|
||||||
|
let $bar = element.children().find(".range-slider-bar")
|
||||||
|
let $value = element.children().find(".slider-value")
|
||||||
|
pct = input.val() * ((box[0].clientHeight - $thumb[0].clientHeight) / box[0].clientHeight);
|
||||||
|
|
||||||
|
$thumb.attr('style', `bottom:${pct}%`)
|
||||||
|
|
||||||
|
let barHeight = `calc(${pct}% + ${$thumb[0].clientHeight / 2}px)`;
|
||||||
|
$bar.attr('style', `height:${barHeight}`)
|
||||||
|
$value.val(`${((input.val() * (20 / 100)) - 10).toFixed(1)}`);
|
||||||
|
//调用接口提交数据
|
||||||
|
}
|
||||||
|
|
||||||
|
function mic140HzSlider(number) {
|
||||||
|
let element = $('#mic140Hz')
|
||||||
|
let input = $("#mic140Hz .volume-slider input")
|
||||||
|
input.attr('value', (parseInt(number) + 10) / (20 / 100))
|
||||||
|
updatemic140HzSlider(element);
|
||||||
|
|
||||||
|
|
||||||
|
input.on('input', function () {
|
||||||
|
updatemic140HzSlider(element);
|
||||||
|
})
|
||||||
|
input.on('change', function () {
|
||||||
|
updatemic140HzSlider(element);
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
function updatemic140HzSlider(element) {
|
||||||
|
let box = element.children().find(".volume-slider")
|
||||||
|
let input = element.children().find(".volume-slider input")
|
||||||
|
let $thumb = element.children().find(".range-slider-thumb")
|
||||||
|
let $bar = element.children().find(".range-slider-bar")
|
||||||
|
let $value = element.children().find(".slider-value")
|
||||||
|
pct = input.val() * ((box[0].clientHeight - $thumb[0].clientHeight) / box[0].clientHeight);
|
||||||
|
|
||||||
|
$thumb.attr('style', `bottom:${pct}%`)
|
||||||
|
|
||||||
|
let barHeight = `calc(${pct}% + ${$thumb[0].clientHeight / 2}px)`;
|
||||||
|
$bar.attr('style', `height:${barHeight}`)
|
||||||
|
$value.val(`${((input.val() * (20 / 100)) - 10).toFixed(1)}`);
|
||||||
|
//调用接口提交数据
|
||||||
|
}
|
||||||
|
|
||||||
|
function mic1500HzSlider(number) {
|
||||||
|
let element = $('#mic1500Hz')
|
||||||
|
let input = $("#mic1500Hz .volume-slider input")
|
||||||
|
input.attr('value', (parseInt(number) + 10) / (20 / 100))
|
||||||
|
updatemic1500HzSlider(element);
|
||||||
|
|
||||||
|
|
||||||
|
input.on('input', function () {
|
||||||
|
updatemic1500HzSlider(element);
|
||||||
|
})
|
||||||
|
input.on('change', function () {
|
||||||
|
updatemic1500HzSlider(element);
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
function updatemic1500HzSlider(element) {
|
||||||
|
let box = element.children().find(".volume-slider")
|
||||||
|
let input = element.children().find(".volume-slider input")
|
||||||
|
let $thumb = element.children().find(".range-slider-thumb")
|
||||||
|
let $bar = element.children().find(".range-slider-bar")
|
||||||
|
let $value = element.children().find(".slider-value")
|
||||||
|
pct = input.val() * ((box[0].clientHeight - $thumb[0].clientHeight) / box[0].clientHeight);
|
||||||
|
|
||||||
|
$thumb.attr('style', `bottom:${pct}%`)
|
||||||
|
|
||||||
|
let barHeight = `calc(${pct}% + ${$thumb[0].clientHeight / 2}px)`;
|
||||||
|
$bar.attr('style', `height:${barHeight}`)
|
||||||
|
$value.val(`${((input.val() * (20 / 100) - 10)).toFixed(1)}`);
|
||||||
|
//调用接口提交数据
|
||||||
|
}
|
||||||
|
|
||||||
|
function mic12KHzSlider(number) {
|
||||||
|
let element = $('#mic12KHz')
|
||||||
|
let input = $("#mic12KHz .volume-slider input")
|
||||||
|
input.attr('value', (parseInt(number) + 10) / (20 / 100))
|
||||||
|
updatemic12KHzSlider(element);
|
||||||
|
|
||||||
|
|
||||||
|
input.on('input', function () {
|
||||||
|
updatemic12KHzSlider(element);
|
||||||
|
})
|
||||||
|
input.on('change', function () {
|
||||||
|
updatemic12KHzSlider(element);
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
function updatemic12KHzSlider(element) {
|
||||||
|
let box = element.children().find(".volume-slider")
|
||||||
|
let input = element.children().find(".volume-slider input")
|
||||||
|
let $thumb = element.children().find(".range-slider-thumb")
|
||||||
|
let $bar = element.children().find(".range-slider-bar")
|
||||||
|
let $value = element.children().find(".slider-value")
|
||||||
|
pct = input.val() * ((box[0].clientHeight - $thumb[0].clientHeight) / box[0].clientHeight);
|
||||||
|
|
||||||
|
$thumb.attr('style', `bottom:${pct}%`)
|
||||||
|
|
||||||
|
let barHeight = `calc(${pct}% + ${$thumb[0].clientHeight / 2}px)`;
|
||||||
|
$bar.attr('style', `height:${barHeight}`)
|
||||||
|
$value.val(`${((input.val() * (20 / 100)) - 10).toFixed(1)}`);
|
||||||
|
|
||||||
|
//调用接口提交数据
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
function mic2150HzSlider(number) {
|
||||||
|
let element = $('#mic2150Hz')
|
||||||
|
let input = $("#mic2150Hz .volume-slider input")
|
||||||
|
input.attr('value', (parseInt(number) + 10) / (20 / 100))
|
||||||
|
updatemic2150HzSlider(element);
|
||||||
|
|
||||||
|
|
||||||
|
input.on('input', function () {
|
||||||
|
updatemic2150HzSlider(element);
|
||||||
|
})
|
||||||
|
input.on('change', function () {
|
||||||
|
updatemic2150HzSlider(element);
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
function updatemic2150HzSlider(element) {
|
||||||
|
|
||||||
|
let box = element.children().find(".volume-slider")
|
||||||
|
let input = element.children().find(".volume-slider input")
|
||||||
|
let $thumb = element.children().find(".range-slider-thumb")
|
||||||
|
let $bar = element.children().find(".range-slider-bar")
|
||||||
|
let $value = element.children().find(".slider-value")
|
||||||
|
pct = input.val() * ((box[0].clientHeight - $thumb[0].clientHeight) / box[0].clientHeight);
|
||||||
|
|
||||||
|
$thumb.attr('style', `bottom:${pct}%`)
|
||||||
|
|
||||||
|
let barHeight = `calc(${pct}% + ${$thumb[0].clientHeight / 2}px)`;
|
||||||
|
$bar.attr('style', `height:${barHeight}`)
|
||||||
|
$value.val(`${((input.val() * (20 / 100)) - 10).toFixed(1)}`);
|
||||||
|
//调用接口提交数据
|
||||||
|
}
|
||||||
|
|
||||||
|
function mic240HzSlider(number) {
|
||||||
|
let element = $('#mic240Hz')
|
||||||
|
let input = $("#mic240Hz .volume-slider input")
|
||||||
|
input.attr('value', (parseInt(number) + 10) / (20 / 100))
|
||||||
|
updatemic240HzSlider(element);
|
||||||
|
|
||||||
|
|
||||||
|
input.on('input', function () {
|
||||||
|
updatemic240HzSlider(element);
|
||||||
|
})
|
||||||
|
input.on('change', function () {
|
||||||
|
updatemic240HzSlider(element);
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
function updatemic240HzSlider(element) {
|
||||||
|
let box = element.children().find(".volume-slider")
|
||||||
|
let input = element.children().find(".volume-slider input")
|
||||||
|
let $thumb = element.children().find(".range-slider-thumb")
|
||||||
|
let $bar = element.children().find(".range-slider-bar")
|
||||||
|
let $value = element.children().find(".slider-value")
|
||||||
|
pct = input.val() * ((box[0].clientHeight - $thumb[0].clientHeight) / box[0].clientHeight);
|
||||||
|
|
||||||
|
$thumb.attr('style', `bottom:${pct}%`)
|
||||||
|
|
||||||
|
let barHeight = `calc(${pct}% + ${$thumb[0].clientHeight / 2}px)`;
|
||||||
|
$bar.attr('style', `height:${barHeight}`)
|
||||||
|
$value.val(`${((input.val() * (20 / 100)) - 10).toFixed(1)}`);
|
||||||
|
//调用接口提交数据
|
||||||
|
}
|
||||||
|
|
||||||
|
function mic2500HzSlider(number) {
|
||||||
|
let element = $('#mic2500Hz')
|
||||||
|
let input = $("#mic2500Hz .volume-slider input")
|
||||||
|
input.attr('value', (parseInt(number) + 10) / (20 / 100))
|
||||||
|
updatemic2500HzSlider(element);
|
||||||
|
|
||||||
|
|
||||||
|
input.on('input', function () {
|
||||||
|
updatemic2500HzSlider(element);
|
||||||
|
})
|
||||||
|
input.on('change', function () {
|
||||||
|
updatemic2500HzSlider(element);
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
function updatemic2500HzSlider(element) {
|
||||||
|
let box = element.children().find(".volume-slider")
|
||||||
|
let input = element.children().find(".volume-slider input")
|
||||||
|
let $thumb = element.children().find(".range-slider-thumb")
|
||||||
|
let $bar = element.children().find(".range-slider-bar")
|
||||||
|
let $value = element.children().find(".slider-value")
|
||||||
|
pct = input.val() * ((box[0].clientHeight - $thumb[0].clientHeight) / box[0].clientHeight);
|
||||||
|
|
||||||
|
$thumb.attr('style', `bottom:${pct}%`)
|
||||||
|
|
||||||
|
let barHeight = `calc(${pct}% + ${$thumb[0].clientHeight / 2}px)`;
|
||||||
|
$bar.attr('style', `height:${barHeight}`)
|
||||||
|
$value.val(`${((input.val() * (20 / 100) - 10)).toFixed(1)}`);
|
||||||
|
//调用接口提交数据
|
||||||
|
}
|
||||||
|
|
||||||
|
function mic210KHzSlider(number) {
|
||||||
|
let element = $('#mic210KHz')
|
||||||
|
let input = $("#mic210KHz .volume-slider input")
|
||||||
|
input.attr('value', (parseInt(number) + 10) / (20 / 100))
|
||||||
|
updatemic210KHzSlider(element);
|
||||||
|
|
||||||
|
|
||||||
|
input.on('input', function () {
|
||||||
|
updatemic210KHzSlider(element);
|
||||||
|
})
|
||||||
|
input.on('change', function () {
|
||||||
|
updatemic210KHzSlider(element);
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
function updatemic210KHzSlider(element) {
|
||||||
|
let box = element.children().find(".volume-slider")
|
||||||
|
let input = element.children().find(".volume-slider input")
|
||||||
|
let $thumb = element.children().find(".range-slider-thumb")
|
||||||
|
let $bar = element.children().find(".range-slider-bar")
|
||||||
|
let $value = element.children().find(".slider-value")
|
||||||
|
pct = input.val() * ((box[0].clientHeight - $thumb[0].clientHeight) / box[0].clientHeight);
|
||||||
|
|
||||||
|
$thumb.attr('style', `bottom:${pct}%`)
|
||||||
|
|
||||||
|
let barHeight = `calc(${pct}% + ${$thumb[0].clientHeight / 2}px)`;
|
||||||
|
$bar.attr('style', `height:${barHeight}`)
|
||||||
|
$value.val(`${((input.val() * (20 / 100)) - 10).toFixed(1)}`);
|
||||||
|
|
||||||
|
//调用接口提交数据
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
<script src="js/main.js"></script>
|
||||||
</body>
|
</body>
|
||||||
|
|
||||||
<script>
|
|
||||||
var data = {}
|
|
||||||
|
|
||||||
document.addEventListener("DOMContentLoaded", function () {
|
|
||||||
//初始化配置
|
|
||||||
loadData();
|
|
||||||
|
|
||||||
})
|
|
||||||
|
|
||||||
$(document).ready(function () {
|
|
||||||
$("input[name='mic1switch']").on('change', function () {
|
|
||||||
let $value = $("input[name='mic1switch']:checked").val()
|
|
||||||
console.log($("input[name='mic1switch']:checked").val())
|
|
||||||
alert($value)
|
|
||||||
})
|
|
||||||
|
|
||||||
$("input[name='mic2switch']").on('change', function () {
|
|
||||||
let $value = $("input[name='mic2switch']:checked").val()
|
|
||||||
console.log($("input[name='mic2switch']:checked").val())
|
|
||||||
alert($value)
|
|
||||||
})
|
|
||||||
|
|
||||||
})
|
|
||||||
|
|
||||||
function loadData() {
|
|
||||||
let url = ""
|
|
||||||
$.ajax({
|
|
||||||
type: "GET",
|
|
||||||
url: url,
|
|
||||||
success: function (res) {
|
|
||||||
data = res.content
|
|
||||||
bindData()
|
|
||||||
},
|
|
||||||
error: function () {
|
|
||||||
data = {
|
|
||||||
mic1: {
|
|
||||||
threshold: 9,
|
|
||||||
attack: -1,
|
|
||||||
hold: 3,
|
|
||||||
release: -8,
|
|
||||||
state: "enable"
|
|
||||||
},
|
|
||||||
mic2: {
|
|
||||||
threshold: -7,
|
|
||||||
attack: 6,
|
|
||||||
hold: 0,
|
|
||||||
release: -2,
|
|
||||||
state: "disable"
|
|
||||||
}
|
|
||||||
}
|
|
||||||
bindData()
|
|
||||||
}
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|
||||||
function bindData() {
|
|
||||||
$("input[name='mic1switch']").val([`${data.mic1.state}`])
|
|
||||||
$("input[name='mic2switch']").val([`${data.mic2.state}`])
|
|
||||||
mic1150HzSlider(data.mic1.attack);
|
|
||||||
mic140HzSlider(data.mic1.threshold);
|
|
||||||
mic1500HzSlider(data.mic1.hold);
|
|
||||||
mic12KHzSlider(data.mic1.release);
|
|
||||||
|
|
||||||
mic2150HzSlider(data.mic2.attack);
|
|
||||||
mic240HzSlider(data.mic2.threshold);
|
|
||||||
mic2500HzSlider(data.mic2.hold);
|
|
||||||
mic210KHzSlider(data.mic2.release);
|
|
||||||
}
|
|
||||||
|
|
||||||
function mic1150HzSlider(number) {
|
|
||||||
let element = $('#mic1150Hz')
|
|
||||||
let input = $("#mic1150Hz .volume-slider input")
|
|
||||||
input.attr('value', (parseInt(number) + 10) / (20 / 100))
|
|
||||||
updatemic1150HzSlider(element);
|
|
||||||
|
|
||||||
|
|
||||||
input.on('input', function () {
|
|
||||||
updatemic1150HzSlider(element);
|
|
||||||
})
|
|
||||||
input.on('change', function () {
|
|
||||||
updatemic1150HzSlider(element);
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|
||||||
function updatemic1150HzSlider(element) {
|
|
||||||
|
|
||||||
let box = element.children().find(".volume-slider")
|
|
||||||
let input = element.children().find(".volume-slider input")
|
|
||||||
let $thumb = element.children().find(".range-slider-thumb")
|
|
||||||
let $bar = element.children().find(".range-slider-bar")
|
|
||||||
let $value = element.children().find(".slider-value")
|
|
||||||
pct = input.val() * ((box[0].clientHeight - $thumb[0].clientHeight) / box[0].clientHeight);
|
|
||||||
|
|
||||||
$thumb.attr('style', `bottom:${pct}%`)
|
|
||||||
|
|
||||||
let barHeight = `calc(${pct}% + ${$thumb[0].clientHeight / 2}px)`;
|
|
||||||
$bar.attr('style', `height:${barHeight}`)
|
|
||||||
$value.val(`${((input.val() * (20 / 100)) - 10).toFixed(1)}`);
|
|
||||||
//调用接口提交数据
|
|
||||||
}
|
|
||||||
|
|
||||||
function mic140HzSlider(number) {
|
|
||||||
let element = $('#mic140Hz')
|
|
||||||
let input = $("#mic140Hz .volume-slider input")
|
|
||||||
input.attr('value', (parseInt(number) + 10) / (20 / 100))
|
|
||||||
updatemic140HzSlider(element);
|
|
||||||
|
|
||||||
|
|
||||||
input.on('input', function () {
|
|
||||||
updatemic140HzSlider(element);
|
|
||||||
})
|
|
||||||
input.on('change', function () {
|
|
||||||
updatemic140HzSlider(element);
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|
||||||
function updatemic140HzSlider(element) {
|
|
||||||
let box = element.children().find(".volume-slider")
|
|
||||||
let input = element.children().find(".volume-slider input")
|
|
||||||
let $thumb = element.children().find(".range-slider-thumb")
|
|
||||||
let $bar = element.children().find(".range-slider-bar")
|
|
||||||
let $value = element.children().find(".slider-value")
|
|
||||||
pct = input.val() * ((box[0].clientHeight - $thumb[0].clientHeight) / box[0].clientHeight);
|
|
||||||
|
|
||||||
$thumb.attr('style', `bottom:${pct}%`)
|
|
||||||
|
|
||||||
let barHeight = `calc(${pct}% + ${$thumb[0].clientHeight / 2}px)`;
|
|
||||||
$bar.attr('style', `height:${barHeight}`)
|
|
||||||
$value.val(`${((input.val() * (20 / 100)) - 10).toFixed(1)}`);
|
|
||||||
//调用接口提交数据
|
|
||||||
}
|
|
||||||
|
|
||||||
function mic1500HzSlider(number) {
|
|
||||||
let element = $('#mic1500Hz')
|
|
||||||
let input = $("#mic1500Hz .volume-slider input")
|
|
||||||
input.attr('value', (parseInt(number) + 10) / (20 / 100))
|
|
||||||
updatemic1500HzSlider(element);
|
|
||||||
|
|
||||||
|
|
||||||
input.on('input', function () {
|
|
||||||
updatemic1500HzSlider(element);
|
|
||||||
})
|
|
||||||
input.on('change', function () {
|
|
||||||
updatemic1500HzSlider(element);
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|
||||||
function updatemic1500HzSlider(element) {
|
|
||||||
let box = element.children().find(".volume-slider")
|
|
||||||
let input = element.children().find(".volume-slider input")
|
|
||||||
let $thumb = element.children().find(".range-slider-thumb")
|
|
||||||
let $bar = element.children().find(".range-slider-bar")
|
|
||||||
let $value = element.children().find(".slider-value")
|
|
||||||
pct = input.val() * ((box[0].clientHeight - $thumb[0].clientHeight) / box[0].clientHeight);
|
|
||||||
|
|
||||||
$thumb.attr('style', `bottom:${pct}%`)
|
|
||||||
|
|
||||||
let barHeight = `calc(${pct}% + ${$thumb[0].clientHeight / 2}px)`;
|
|
||||||
$bar.attr('style', `height:${barHeight}`)
|
|
||||||
$value.val(`${((input.val() * (20 / 100) - 10)).toFixed(1)}`);
|
|
||||||
//调用接口提交数据
|
|
||||||
}
|
|
||||||
|
|
||||||
function mic12KHzSlider(number) {
|
|
||||||
let element = $('#mic12KHz')
|
|
||||||
let input = $("#mic12KHz .volume-slider input")
|
|
||||||
input.attr('value', (parseInt(number) + 10) / (20 / 100))
|
|
||||||
updatemic12KHzSlider(element);
|
|
||||||
|
|
||||||
|
|
||||||
input.on('input', function () {
|
|
||||||
updatemic12KHzSlider(element);
|
|
||||||
})
|
|
||||||
input.on('change', function () {
|
|
||||||
updatemic12KHzSlider(element);
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|
||||||
function updatemic12KHzSlider(element) {
|
|
||||||
let box = element.children().find(".volume-slider")
|
|
||||||
let input = element.children().find(".volume-slider input")
|
|
||||||
let $thumb = element.children().find(".range-slider-thumb")
|
|
||||||
let $bar = element.children().find(".range-slider-bar")
|
|
||||||
let $value = element.children().find(".slider-value")
|
|
||||||
pct = input.val() * ((box[0].clientHeight - $thumb[0].clientHeight) / box[0].clientHeight);
|
|
||||||
|
|
||||||
$thumb.attr('style', `bottom:${pct}%`)
|
|
||||||
|
|
||||||
let barHeight = `calc(${pct}% + ${$thumb[0].clientHeight / 2}px)`;
|
|
||||||
$bar.attr('style', `height:${barHeight}`)
|
|
||||||
$value.val(`${((input.val() * (20 / 100)) - 10).toFixed(1)}`);
|
|
||||||
|
|
||||||
//调用接口提交数据
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
function mic2150HzSlider(number) {
|
|
||||||
let element = $('#mic2150Hz')
|
|
||||||
let input = $("#mic2150Hz .volume-slider input")
|
|
||||||
input.attr('value', (parseInt(number) + 10) / (20 / 100))
|
|
||||||
updatemic2150HzSlider(element);
|
|
||||||
|
|
||||||
|
|
||||||
input.on('input', function () {
|
|
||||||
updatemic2150HzSlider(element);
|
|
||||||
})
|
|
||||||
input.on('change', function () {
|
|
||||||
updatemic2150HzSlider(element);
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|
||||||
function updatemic2150HzSlider(element) {
|
|
||||||
|
|
||||||
let box = element.children().find(".volume-slider")
|
|
||||||
let input = element.children().find(".volume-slider input")
|
|
||||||
let $thumb = element.children().find(".range-slider-thumb")
|
|
||||||
let $bar = element.children().find(".range-slider-bar")
|
|
||||||
let $value = element.children().find(".slider-value")
|
|
||||||
pct = input.val() * ((box[0].clientHeight - $thumb[0].clientHeight) / box[0].clientHeight);
|
|
||||||
|
|
||||||
$thumb.attr('style', `bottom:${pct}%`)
|
|
||||||
|
|
||||||
let barHeight = `calc(${pct}% + ${$thumb[0].clientHeight / 2}px)`;
|
|
||||||
$bar.attr('style', `height:${barHeight}`)
|
|
||||||
$value.val(`${((input.val() * (20 / 100)) - 10).toFixed(1)}`);
|
|
||||||
//调用接口提交数据
|
|
||||||
}
|
|
||||||
|
|
||||||
function mic240HzSlider(number) {
|
|
||||||
let element = $('#mic240Hz')
|
|
||||||
let input = $("#mic240Hz .volume-slider input")
|
|
||||||
input.attr('value', (parseInt(number) + 10) / (20 / 100))
|
|
||||||
updatemic240HzSlider(element);
|
|
||||||
|
|
||||||
|
|
||||||
input.on('input', function () {
|
|
||||||
updatemic240HzSlider(element);
|
|
||||||
})
|
|
||||||
input.on('change', function () {
|
|
||||||
updatemic240HzSlider(element);
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|
||||||
function updatemic240HzSlider(element) {
|
|
||||||
let box = element.children().find(".volume-slider")
|
|
||||||
let input = element.children().find(".volume-slider input")
|
|
||||||
let $thumb = element.children().find(".range-slider-thumb")
|
|
||||||
let $bar = element.children().find(".range-slider-bar")
|
|
||||||
let $value = element.children().find(".slider-value")
|
|
||||||
pct = input.val() * ((box[0].clientHeight - $thumb[0].clientHeight) / box[0].clientHeight);
|
|
||||||
|
|
||||||
$thumb.attr('style', `bottom:${pct}%`)
|
|
||||||
|
|
||||||
let barHeight = `calc(${pct}% + ${$thumb[0].clientHeight / 2}px)`;
|
|
||||||
$bar.attr('style', `height:${barHeight}`)
|
|
||||||
$value.val(`${((input.val() * (20 / 100)) - 10).toFixed(1)}`);
|
|
||||||
//调用接口提交数据
|
|
||||||
}
|
|
||||||
|
|
||||||
function mic2500HzSlider(number) {
|
|
||||||
let element = $('#mic2500Hz')
|
|
||||||
let input = $("#mic2500Hz .volume-slider input")
|
|
||||||
input.attr('value', (parseInt(number) + 10) / (20 / 100))
|
|
||||||
updatemic2500HzSlider(element);
|
|
||||||
|
|
||||||
|
|
||||||
input.on('input', function () {
|
|
||||||
updatemic2500HzSlider(element);
|
|
||||||
})
|
|
||||||
input.on('change', function () {
|
|
||||||
updatemic2500HzSlider(element);
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|
||||||
function updatemic2500HzSlider(element) {
|
|
||||||
let box = element.children().find(".volume-slider")
|
|
||||||
let input = element.children().find(".volume-slider input")
|
|
||||||
let $thumb = element.children().find(".range-slider-thumb")
|
|
||||||
let $bar = element.children().find(".range-slider-bar")
|
|
||||||
let $value = element.children().find(".slider-value")
|
|
||||||
pct = input.val() * ((box[0].clientHeight - $thumb[0].clientHeight) / box[0].clientHeight);
|
|
||||||
|
|
||||||
$thumb.attr('style', `bottom:${pct}%`)
|
|
||||||
|
|
||||||
let barHeight = `calc(${pct}% + ${$thumb[0].clientHeight / 2}px)`;
|
|
||||||
$bar.attr('style', `height:${barHeight}`)
|
|
||||||
$value.val(`${((input.val() * (20 / 100) - 10)).toFixed(1)}`);
|
|
||||||
//调用接口提交数据
|
|
||||||
}
|
|
||||||
|
|
||||||
function mic210KHzSlider(number) {
|
|
||||||
let element = $('#mic210KHz')
|
|
||||||
let input = $("#mic210KHz .volume-slider input")
|
|
||||||
input.attr('value', (parseInt(number) + 10) / (20 / 100))
|
|
||||||
updatemic210KHzSlider(element);
|
|
||||||
|
|
||||||
|
|
||||||
input.on('input', function () {
|
|
||||||
updatemic210KHzSlider(element);
|
|
||||||
})
|
|
||||||
input.on('change', function () {
|
|
||||||
updatemic210KHzSlider(element);
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|
||||||
function updatemic210KHzSlider(element) {
|
|
||||||
let box = element.children().find(".volume-slider")
|
|
||||||
let input = element.children().find(".volume-slider input")
|
|
||||||
let $thumb = element.children().find(".range-slider-thumb")
|
|
||||||
let $bar = element.children().find(".range-slider-bar")
|
|
||||||
let $value = element.children().find(".slider-value")
|
|
||||||
pct = input.val() * ((box[0].clientHeight - $thumb[0].clientHeight) / box[0].clientHeight);
|
|
||||||
|
|
||||||
$thumb.attr('style', `bottom:${pct}%`)
|
|
||||||
|
|
||||||
let barHeight = `calc(${pct}% + ${$thumb[0].clientHeight / 2}px)`;
|
|
||||||
$bar.attr('style', `height:${barHeight}`)
|
|
||||||
$value.val(`${((input.val() * (20 / 100)) - 10).toFixed(1)}`);
|
|
||||||
|
|
||||||
//调用接口提交数据
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
|
|
||||||
</html>
|
</html>
|
504
filter.html
504
filter.html
|
@ -167,257 +167,259 @@
|
||||||
</div>
|
</div>
|
||||||
</footer>
|
</footer>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<script>
|
||||||
|
var data = {}
|
||||||
|
|
||||||
|
document.addEventListener("DOMContentLoaded", function () {
|
||||||
|
//初始化配置
|
||||||
|
loadData()
|
||||||
|
})
|
||||||
|
|
||||||
|
$(document).ready(function () {
|
||||||
|
$("input[name='mic1']").on('change', function () {
|
||||||
|
let $value = $("input[name='mic1']:checked").val()
|
||||||
|
//alert($value)
|
||||||
|
let url = "/cgi-bin/test.cgi&action=filter_set"
|
||||||
|
let postData = {
|
||||||
|
subaction: 'mic1',
|
||||||
|
state: $value,
|
||||||
|
module: 'mic1'
|
||||||
|
}
|
||||||
|
$.ajax({
|
||||||
|
type: 'POST',
|
||||||
|
url: url,
|
||||||
|
data: postData,
|
||||||
|
dataType: "json",
|
||||||
|
contentType: "application/json; charset=utf-8",
|
||||||
|
success: function (res) {
|
||||||
|
if (res.success) {
|
||||||
|
data.mic1 = res.content.mic1
|
||||||
|
bindData()
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
alert(res.message)
|
||||||
|
}
|
||||||
|
},
|
||||||
|
error: function (res) {
|
||||||
|
}
|
||||||
|
})
|
||||||
|
|
||||||
|
})
|
||||||
|
|
||||||
|
$("input[name='mic2']").on('change', function () {
|
||||||
|
let $value = $("input[name='mic2']:checked").val()
|
||||||
|
// alert($value)
|
||||||
|
let url = "/cgi-bin/test.cgi&action=filter_set"
|
||||||
|
let postData = {
|
||||||
|
subaction: 'mic2',
|
||||||
|
state: $value,
|
||||||
|
module: 'mic2'
|
||||||
|
}
|
||||||
|
$.ajax({
|
||||||
|
type: 'POST',
|
||||||
|
url: url,
|
||||||
|
data: postData,
|
||||||
|
dataType: "json",
|
||||||
|
contentType: "application/json; charset=utf-8",
|
||||||
|
success: function (res) {
|
||||||
|
if (res.success) {
|
||||||
|
data.mic2 = res.content.mic2
|
||||||
|
bindData()
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
alert(res.message)
|
||||||
|
}
|
||||||
|
},
|
||||||
|
error: function (res) {
|
||||||
|
}
|
||||||
|
})
|
||||||
|
})
|
||||||
|
|
||||||
|
$("#mic1-type").on('change', function () {
|
||||||
|
// alert($("#mic1-type").val())
|
||||||
|
let url = "/cgi-bin/test.cgi&action=filter_set"
|
||||||
|
let postData = {
|
||||||
|
subaction: 'mic1',
|
||||||
|
type: $("#mic1-type").val(),
|
||||||
|
module: 'mic1'
|
||||||
|
}
|
||||||
|
$.ajax({
|
||||||
|
type: 'POST',
|
||||||
|
url: url,
|
||||||
|
data: postData,
|
||||||
|
dataType: "json",
|
||||||
|
contentType: "application/json; charset=utf-8",
|
||||||
|
success: function (res) {
|
||||||
|
if (res.success) {
|
||||||
|
data.mic1 = res.content.mic1
|
||||||
|
bindData()
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
alert(res.message)
|
||||||
|
}
|
||||||
|
},
|
||||||
|
error: function (res) {
|
||||||
|
}
|
||||||
|
})
|
||||||
|
})
|
||||||
|
|
||||||
|
$("#mic2-type").on('change', function () {
|
||||||
|
// alert($("#mic2-type").val())
|
||||||
|
let url = "/cgi-bin/test.cgi&action=filter_set"
|
||||||
|
let postData = {
|
||||||
|
subaction: 'mic2',
|
||||||
|
type: $("#mic2-type").val(),
|
||||||
|
module: 'mic2'
|
||||||
|
}
|
||||||
|
$.ajax({
|
||||||
|
type: 'POST',
|
||||||
|
url: url,
|
||||||
|
data: postData,
|
||||||
|
dataType: "json",
|
||||||
|
contentType: "application/json; charset=utf-8",
|
||||||
|
success: function (res) {
|
||||||
|
if (res.success) {
|
||||||
|
data.mic2 = res.content.mic2
|
||||||
|
bindData()
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
alert(res.message)
|
||||||
|
}
|
||||||
|
},
|
||||||
|
error: function (res) {
|
||||||
|
}
|
||||||
|
})
|
||||||
|
})
|
||||||
|
})
|
||||||
|
|
||||||
|
|
||||||
|
function changeInputValue(module, number) {
|
||||||
|
let url = "/cgi-bin/test.cgi&action=filter_set"
|
||||||
|
let postData = {
|
||||||
|
subaction: module,
|
||||||
|
audio: number,
|
||||||
|
module: module
|
||||||
|
}
|
||||||
|
$.ajax({
|
||||||
|
type: 'POST',
|
||||||
|
url: url,
|
||||||
|
data: postData,
|
||||||
|
dataType: "json",
|
||||||
|
contentType: "application/json; charset=utf-8",
|
||||||
|
success: function (res) {
|
||||||
|
if (res.success) {
|
||||||
|
if (module == 'mic1') {
|
||||||
|
data.mic1 = res.content.mic1
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
data.mic2 = res.content.mic2
|
||||||
|
}
|
||||||
|
bindData()
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
alert(res.message)
|
||||||
|
}
|
||||||
|
},
|
||||||
|
error: function (res) {
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
function loadData() {
|
||||||
|
let url = "/cgi-bin/test.cgi?action=filter_get"
|
||||||
|
$.ajax({
|
||||||
|
type: "GET",
|
||||||
|
url: url,
|
||||||
|
success: function (res) {
|
||||||
|
if (res.success) {
|
||||||
|
data = res.content
|
||||||
|
bindData()
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
|
||||||
|
}
|
||||||
|
},
|
||||||
|
error: function () {
|
||||||
|
data = {
|
||||||
|
mic1: {
|
||||||
|
type: "Bessel",
|
||||||
|
value: 600,
|
||||||
|
state: "enable"
|
||||||
|
},
|
||||||
|
mic2: {
|
||||||
|
type: "Linkwitz-riley",
|
||||||
|
value: 200,
|
||||||
|
state: "enable"
|
||||||
|
}
|
||||||
|
}
|
||||||
|
bindData()
|
||||||
|
}
|
||||||
|
})
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
function bindData() {
|
||||||
|
$("input[name='mic1']").val([`${data.mic1.state}`])
|
||||||
|
$("input[name='mic2']").val([`${data.mic2.state}`])
|
||||||
|
$("#mic1-type").val([`${data.mic1.type}`])
|
||||||
|
$("#mic2-type").val([`${data.mic2.type}`])
|
||||||
|
$("#handle1").roundSlider("option", "value", `${data.mic1.value}`);
|
||||||
|
$("#handle1-value").val(`${data.mic1.value}`);
|
||||||
|
$("#handle2").roundSlider("option", "value", `${data.mic2.value}`);
|
||||||
|
$("#handle2-value").val(`${data.mic2.value}`);
|
||||||
|
}
|
||||||
|
|
||||||
|
$("#handle1").roundSlider({
|
||||||
|
sliderType: "min-range",
|
||||||
|
editableTooltip: false,
|
||||||
|
radius: 60,
|
||||||
|
width: 10,
|
||||||
|
value: 200,
|
||||||
|
min: 20,
|
||||||
|
max: 20000,
|
||||||
|
step: 1,
|
||||||
|
handleSize: 0,
|
||||||
|
handleShape: "square",
|
||||||
|
circleShape: "pie",
|
||||||
|
startAngle: 315,
|
||||||
|
mouseScrollAction: true,
|
||||||
|
|
||||||
|
drag: function (args) {
|
||||||
|
$("#handle1-value").val(`${args.value}`);
|
||||||
|
},
|
||||||
|
change: function (args) {
|
||||||
|
$("#handle1-value").val(`${args.value}`);
|
||||||
|
changeInputValue('mic1', args.value)
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
|
||||||
|
$("#handle2").roundSlider({
|
||||||
|
sliderType: "min-range",
|
||||||
|
editableTooltip: false,
|
||||||
|
radius: 60,
|
||||||
|
width: 10,
|
||||||
|
value: 200,
|
||||||
|
min: 20,
|
||||||
|
max: 20000,
|
||||||
|
handleSize: 0,
|
||||||
|
handleShape: "square",
|
||||||
|
circleShape: "pie",
|
||||||
|
startAngle: 315,
|
||||||
|
mouseScrollAction: true,
|
||||||
|
|
||||||
|
drag: function (args) {
|
||||||
|
$("#handle2-value").val(`${args.value}`);
|
||||||
|
},
|
||||||
|
change: function (args) {
|
||||||
|
$("#handle2-value").val(`${args.value}`);
|
||||||
|
changeInputValue('mic2', args.value)
|
||||||
|
}
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
<script src="js/main.js"></script>
|
||||||
</body>
|
</body>
|
||||||
|
|
||||||
<script>
|
|
||||||
var data = {}
|
|
||||||
|
|
||||||
document.addEventListener("DOMContentLoaded", function () {
|
|
||||||
//初始化配置
|
|
||||||
loadData()
|
|
||||||
})
|
|
||||||
|
|
||||||
$(document).ready(function () {
|
|
||||||
$("input[name='mic1']").on('change', function () {
|
|
||||||
let $value = $("input[name='mic1']:checked").val()
|
|
||||||
//alert($value)
|
|
||||||
let url = "/cgi-bin/test.cgi&action=filter_set"
|
|
||||||
let postData = {
|
|
||||||
subaction: 'mic1',
|
|
||||||
state: $value,
|
|
||||||
module: 'mic1'
|
|
||||||
}
|
|
||||||
$.ajax({
|
|
||||||
type: 'POST',
|
|
||||||
url: url,
|
|
||||||
data: postData,
|
|
||||||
dataType: "json",
|
|
||||||
contentType: "application/json; charset=utf-8",
|
|
||||||
success: function (res) {
|
|
||||||
if (res.success) {
|
|
||||||
data.mic1 = res.content.mic1
|
|
||||||
bindData()
|
|
||||||
}
|
|
||||||
else {
|
|
||||||
alert(res.message)
|
|
||||||
}
|
|
||||||
},
|
|
||||||
error: function (res) {
|
|
||||||
}
|
|
||||||
})
|
|
||||||
|
|
||||||
})
|
|
||||||
|
|
||||||
$("input[name='mic2']").on('change', function () {
|
|
||||||
let $value = $("input[name='mic2']:checked").val()
|
|
||||||
// alert($value)
|
|
||||||
let url = "/cgi-bin/test.cgi&action=filter_set"
|
|
||||||
let postData = {
|
|
||||||
subaction: 'mic2',
|
|
||||||
state: $value,
|
|
||||||
module: 'mic2'
|
|
||||||
}
|
|
||||||
$.ajax({
|
|
||||||
type: 'POST',
|
|
||||||
url: url,
|
|
||||||
data: postData,
|
|
||||||
dataType: "json",
|
|
||||||
contentType: "application/json; charset=utf-8",
|
|
||||||
success: function (res) {
|
|
||||||
if (res.success) {
|
|
||||||
data.mic2 = res.content.mic2
|
|
||||||
bindData()
|
|
||||||
}
|
|
||||||
else {
|
|
||||||
alert(res.message)
|
|
||||||
}
|
|
||||||
},
|
|
||||||
error: function (res) {
|
|
||||||
}
|
|
||||||
})
|
|
||||||
})
|
|
||||||
|
|
||||||
$("#mic1-type").on('change', function () {
|
|
||||||
// alert($("#mic1-type").val())
|
|
||||||
let url = "/cgi-bin/test.cgi&action=filter_set"
|
|
||||||
let postData = {
|
|
||||||
subaction: 'mic1',
|
|
||||||
type: $("#mic1-type").val(),
|
|
||||||
module: 'mic1'
|
|
||||||
}
|
|
||||||
$.ajax({
|
|
||||||
type: 'POST',
|
|
||||||
url: url,
|
|
||||||
data: postData,
|
|
||||||
dataType: "json",
|
|
||||||
contentType: "application/json; charset=utf-8",
|
|
||||||
success: function (res) {
|
|
||||||
if (res.success) {
|
|
||||||
data.mic1 = res.content.mic1
|
|
||||||
bindData()
|
|
||||||
}
|
|
||||||
else {
|
|
||||||
alert(res.message)
|
|
||||||
}
|
|
||||||
},
|
|
||||||
error: function (res) {
|
|
||||||
}
|
|
||||||
})
|
|
||||||
})
|
|
||||||
|
|
||||||
$("#mic2-type").on('change', function () {
|
|
||||||
// alert($("#mic2-type").val())
|
|
||||||
let url = "/cgi-bin/test.cgi&action=filter_set"
|
|
||||||
let postData = {
|
|
||||||
subaction: 'mic2',
|
|
||||||
type: $("#mic2-type").val(),
|
|
||||||
module: 'mic2'
|
|
||||||
}
|
|
||||||
$.ajax({
|
|
||||||
type: 'POST',
|
|
||||||
url: url,
|
|
||||||
data: postData,
|
|
||||||
dataType: "json",
|
|
||||||
contentType: "application/json; charset=utf-8",
|
|
||||||
success: function (res) {
|
|
||||||
if (res.success) {
|
|
||||||
data.mic2 = res.content.mic2
|
|
||||||
bindData()
|
|
||||||
}
|
|
||||||
else {
|
|
||||||
alert(res.message)
|
|
||||||
}
|
|
||||||
},
|
|
||||||
error: function (res) {
|
|
||||||
}
|
|
||||||
})
|
|
||||||
})
|
|
||||||
})
|
|
||||||
|
|
||||||
|
|
||||||
function changeInputValue(module, number) {
|
|
||||||
let url = "/cgi-bin/test.cgi&action=filter_set"
|
|
||||||
let postData = {
|
|
||||||
subaction: module,
|
|
||||||
audio: number,
|
|
||||||
module: module
|
|
||||||
}
|
|
||||||
$.ajax({
|
|
||||||
type: 'POST',
|
|
||||||
url: url,
|
|
||||||
data: postData,
|
|
||||||
dataType: "json",
|
|
||||||
contentType: "application/json; charset=utf-8",
|
|
||||||
success: function (res) {
|
|
||||||
if (res.success) {
|
|
||||||
if (module == 'mic1') {
|
|
||||||
data.mic1 = res.content.mic1
|
|
||||||
}
|
|
||||||
else {
|
|
||||||
data.mic2 = res.content.mic2
|
|
||||||
}
|
|
||||||
bindData()
|
|
||||||
}
|
|
||||||
else {
|
|
||||||
alert(res.message)
|
|
||||||
}
|
|
||||||
},
|
|
||||||
error: function (res) {
|
|
||||||
}
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|
||||||
function loadData() {
|
|
||||||
let url = "/cgi-bin/test.cgi?action=filter_get"
|
|
||||||
$.ajax({
|
|
||||||
type: "GET",
|
|
||||||
url: url,
|
|
||||||
success: function (res) {
|
|
||||||
if (res.success) {
|
|
||||||
data = res.content
|
|
||||||
bindData()
|
|
||||||
}
|
|
||||||
else {
|
|
||||||
|
|
||||||
}
|
|
||||||
},
|
|
||||||
error: function () {
|
|
||||||
data = {
|
|
||||||
mic1: {
|
|
||||||
type: "Bessel",
|
|
||||||
value: 600,
|
|
||||||
state: "enable"
|
|
||||||
},
|
|
||||||
mic2: {
|
|
||||||
type: "Linkwitz-riley",
|
|
||||||
value: 200,
|
|
||||||
state: "enable"
|
|
||||||
}
|
|
||||||
}
|
|
||||||
bindData()
|
|
||||||
}
|
|
||||||
})
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
function bindData() {
|
|
||||||
$("input[name='mic1']").val([`${data.mic1.state}`])
|
|
||||||
$("input[name='mic2']").val([`${data.mic2.state}`])
|
|
||||||
$("#mic1-type").val([`${data.mic1.type}`])
|
|
||||||
$("#mic2-type").val([`${data.mic2.type}`])
|
|
||||||
$("#handle1").roundSlider("option", "value", `${data.mic1.value}`);
|
|
||||||
$("#handle1-value").val(`${data.mic1.value}`);
|
|
||||||
$("#handle2").roundSlider("option", "value", `${data.mic2.value}`);
|
|
||||||
$("#handle2-value").val(`${data.mic2.value}`);
|
|
||||||
}
|
|
||||||
|
|
||||||
$("#handle1").roundSlider({
|
|
||||||
sliderType: "min-range",
|
|
||||||
editableTooltip: false,
|
|
||||||
radius: 60,
|
|
||||||
width: 10,
|
|
||||||
value: 200,
|
|
||||||
min: 20,
|
|
||||||
max: 20000,
|
|
||||||
step: 1,
|
|
||||||
handleSize: 0,
|
|
||||||
handleShape: "square",
|
|
||||||
circleShape: "pie",
|
|
||||||
startAngle: 315,
|
|
||||||
mouseScrollAction: true,
|
|
||||||
|
|
||||||
drag: function (args) {
|
|
||||||
$("#handle1-value").val(`${args.value}`);
|
|
||||||
},
|
|
||||||
change: function (args) {
|
|
||||||
$("#handle1-value").val(`${args.value}`);
|
|
||||||
changeInputValue('mic1', args.value)
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
|
|
||||||
$("#handle2").roundSlider({
|
|
||||||
sliderType: "min-range",
|
|
||||||
editableTooltip: false,
|
|
||||||
radius: 60,
|
|
||||||
width: 10,
|
|
||||||
value: 200,
|
|
||||||
min: 20,
|
|
||||||
max: 20000,
|
|
||||||
handleSize: 0,
|
|
||||||
handleShape: "square",
|
|
||||||
circleShape: "pie",
|
|
||||||
startAngle: 315,
|
|
||||||
mouseScrollAction: true,
|
|
||||||
|
|
||||||
drag: function (args) {
|
|
||||||
$("#handle2-value").val(`${args.value}`);
|
|
||||||
},
|
|
||||||
change: function (args) {
|
|
||||||
$("#handle2-value").val(`${args.value}`);
|
|
||||||
changeInputValue('mic2', args.value)
|
|
||||||
}
|
|
||||||
});
|
|
||||||
</script>
|
|
||||||
|
|
||||||
</html>
|
</html>
|
384
fs.html
384
fs.html
|
@ -148,197 +148,199 @@
|
||||||
</div>
|
</div>
|
||||||
</footer>
|
</footer>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<script>
|
||||||
|
var data = {}
|
||||||
|
|
||||||
|
document.addEventListener("DOMContentLoaded", function () {
|
||||||
|
//初始化配置
|
||||||
|
loadData()
|
||||||
|
})
|
||||||
|
|
||||||
|
$(document).ready(function () {
|
||||||
|
$("input[name='mic1switch']").on('change', function () {
|
||||||
|
let $value = $("input[name='mic1switch']:checked").val()
|
||||||
|
//alert($value)
|
||||||
|
let url = "/cgi-bin/test.cgi&action=fs_set"
|
||||||
|
let postData = {
|
||||||
|
subaction: 'mic1',
|
||||||
|
state: $value,
|
||||||
|
module: 'mic1'
|
||||||
|
}
|
||||||
|
$.ajax({
|
||||||
|
type: 'POST',
|
||||||
|
url: url,
|
||||||
|
data: postData,
|
||||||
|
dataType: "json",
|
||||||
|
contentType: "application/json; charset=utf-8",
|
||||||
|
success: function (res) {
|
||||||
|
if (res.success) {
|
||||||
|
data.mic1 = res.content.mic1
|
||||||
|
bindData()
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
alert(res.message)
|
||||||
|
}
|
||||||
|
},
|
||||||
|
error: function (res) {
|
||||||
|
}
|
||||||
|
})
|
||||||
|
|
||||||
|
})
|
||||||
|
|
||||||
|
$("input[name='mic2switch']").on('change', function () {
|
||||||
|
let $value = $("input[name='mic2switch']:checked").val()
|
||||||
|
// alert($value)
|
||||||
|
let url = "/cgi-bin/test.cgi&action=fs_set"
|
||||||
|
let postData = {
|
||||||
|
subaction: 'mic2',
|
||||||
|
state: $value,
|
||||||
|
module: 'mic2'
|
||||||
|
}
|
||||||
|
$.ajax({
|
||||||
|
type: 'POST',
|
||||||
|
url: url,
|
||||||
|
data: postData,
|
||||||
|
dataType: "json",
|
||||||
|
contentType: "application/json; charset=utf-8",
|
||||||
|
success: function (res) {
|
||||||
|
if (res.success) {
|
||||||
|
data.mic2 = res.content.mic2
|
||||||
|
bindData()
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
alert(res.message)
|
||||||
|
}
|
||||||
|
},
|
||||||
|
error: function (res) {
|
||||||
|
}
|
||||||
|
})
|
||||||
|
})
|
||||||
|
})
|
||||||
|
|
||||||
|
function changeInputValue(module, number) {
|
||||||
|
let url = "/cgi-bin/test.cgi&action=fs_set"
|
||||||
|
let postData = {
|
||||||
|
subaction: module,
|
||||||
|
audio: number,
|
||||||
|
module: module
|
||||||
|
}
|
||||||
|
$.ajax({
|
||||||
|
type: 'POST',
|
||||||
|
url: url,
|
||||||
|
data: postData,
|
||||||
|
dataType: "json",
|
||||||
|
contentType: "application/json; charset=utf-8",
|
||||||
|
success: function (res) {
|
||||||
|
if (res.success) {
|
||||||
|
if (module == 'mic1') {
|
||||||
|
data.mic1 = res.content.mic1
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
data.mic2 = res.content.mic2
|
||||||
|
}
|
||||||
|
bindData()
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
alert(res.message)
|
||||||
|
}
|
||||||
|
},
|
||||||
|
error: function (res) {
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
function loadData() {
|
||||||
|
let url = "/cgi-bin/test.cgi?action=fs_get"
|
||||||
|
$.ajax({
|
||||||
|
type: "GET",
|
||||||
|
url: url,
|
||||||
|
success: function (res) {
|
||||||
|
if (res.success) {
|
||||||
|
data = res.content
|
||||||
|
bindData()
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
|
||||||
|
}
|
||||||
|
},
|
||||||
|
error: function () {
|
||||||
|
data = {
|
||||||
|
mic1: {
|
||||||
|
value: 7,
|
||||||
|
state: "enable"
|
||||||
|
},
|
||||||
|
mic2: {
|
||||||
|
value: 3,
|
||||||
|
state: "disable"
|
||||||
|
}
|
||||||
|
}
|
||||||
|
bindData()
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
function bindData() {
|
||||||
|
$("input[name='mic1switch']").val([`${data.mic1.state}`])
|
||||||
|
$("input[name='mic2switch']").val([`${data.mic2.state}`])
|
||||||
|
$("#handle1").roundSlider("option", "value", `${data.mic1.value}`);
|
||||||
|
$("#handle1-value").val(`${data.mic1.value}`);
|
||||||
|
$("#handle2").roundSlider("option", "value", `${data.mic2.value}`);
|
||||||
|
$("#handle2-value").val(`${data.mic2.value}`);
|
||||||
|
}
|
||||||
|
|
||||||
|
$("#handle1").roundSlider({
|
||||||
|
sliderType: "min-range",
|
||||||
|
editableTooltip: false,
|
||||||
|
radius: 60,
|
||||||
|
width: 10,
|
||||||
|
value: 7.0,
|
||||||
|
min: 1.0,
|
||||||
|
max: 10.0,
|
||||||
|
step: 0.1,
|
||||||
|
handleSize: 0,
|
||||||
|
handleShape: "square",
|
||||||
|
circleShape: "pie",
|
||||||
|
startAngle: 315,
|
||||||
|
mouseScrollAction: true,
|
||||||
|
|
||||||
|
drag: function (args) {
|
||||||
|
$("#handle1-value").val(`${args.value}`);
|
||||||
|
},
|
||||||
|
change: function (args) {
|
||||||
|
$("#handle1-value").val(`${args.value}`);
|
||||||
|
changeInputValue("mic1", args.value)
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
$("#handle2").roundSlider({
|
||||||
|
sliderType: "min-range",
|
||||||
|
editableTooltip: false,
|
||||||
|
radius: 60,
|
||||||
|
width: 10,
|
||||||
|
value: 7.0,
|
||||||
|
min: 1.0,
|
||||||
|
max: 10.0,
|
||||||
|
step: 0.1,
|
||||||
|
handleSize: 0,
|
||||||
|
handleShape: "square",
|
||||||
|
circleShape: "pie",
|
||||||
|
startAngle: 315,
|
||||||
|
mouseScrollAction: true,
|
||||||
|
|
||||||
|
drag: function (args) {
|
||||||
|
$("#handle2-value").val(`${args.value}`);
|
||||||
|
},
|
||||||
|
change: function (args) {
|
||||||
|
$("#handle2-value").val(`${args.value}`);
|
||||||
|
changeInputValue("mic2", args.value)
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
|
||||||
|
</script>
|
||||||
|
<script src="js/main.js"></script>
|
||||||
</body>
|
</body>
|
||||||
|
|
||||||
<script>
|
|
||||||
var data = {}
|
|
||||||
|
|
||||||
document.addEventListener("DOMContentLoaded", function () {
|
|
||||||
//初始化配置
|
|
||||||
loadData()
|
|
||||||
})
|
|
||||||
|
|
||||||
$(document).ready(function () {
|
|
||||||
$("input[name='mic1switch']").on('change', function () {
|
|
||||||
let $value = $("input[name='mic1switch']:checked").val()
|
|
||||||
//alert($value)
|
|
||||||
let url = "/cgi-bin/test.cgi&action=fs_set"
|
|
||||||
let postData = {
|
|
||||||
subaction: 'mic1',
|
|
||||||
state: $value,
|
|
||||||
module: 'mic1'
|
|
||||||
}
|
|
||||||
$.ajax({
|
|
||||||
type: 'POST',
|
|
||||||
url: url,
|
|
||||||
data: postData,
|
|
||||||
dataType: "json",
|
|
||||||
contentType: "application/json; charset=utf-8",
|
|
||||||
success: function (res) {
|
|
||||||
if (res.success) {
|
|
||||||
data.mic1 = res.content.mic1
|
|
||||||
bindData()
|
|
||||||
}
|
|
||||||
else {
|
|
||||||
alert(res.message)
|
|
||||||
}
|
|
||||||
},
|
|
||||||
error: function (res) {
|
|
||||||
}
|
|
||||||
})
|
|
||||||
|
|
||||||
})
|
|
||||||
|
|
||||||
$("input[name='mic2switch']").on('change', function () {
|
|
||||||
let $value = $("input[name='mic2switch']:checked").val()
|
|
||||||
// alert($value)
|
|
||||||
let url = "/cgi-bin/test.cgi&action=fs_set"
|
|
||||||
let postData = {
|
|
||||||
subaction: 'mic2',
|
|
||||||
state: $value,
|
|
||||||
module: 'mic2'
|
|
||||||
}
|
|
||||||
$.ajax({
|
|
||||||
type: 'POST',
|
|
||||||
url: url,
|
|
||||||
data: postData,
|
|
||||||
dataType: "json",
|
|
||||||
contentType: "application/json; charset=utf-8",
|
|
||||||
success: function (res) {
|
|
||||||
if (res.success) {
|
|
||||||
data.mic2 = res.content.mic2
|
|
||||||
bindData()
|
|
||||||
}
|
|
||||||
else {
|
|
||||||
alert(res.message)
|
|
||||||
}
|
|
||||||
},
|
|
||||||
error: function (res) {
|
|
||||||
}
|
|
||||||
})
|
|
||||||
})
|
|
||||||
})
|
|
||||||
|
|
||||||
function changeInputValue(module, number) {
|
|
||||||
let url = "/cgi-bin/test.cgi&action=fs_set"
|
|
||||||
let postData = {
|
|
||||||
subaction: module,
|
|
||||||
audio: number,
|
|
||||||
module: module
|
|
||||||
}
|
|
||||||
$.ajax({
|
|
||||||
type: 'POST',
|
|
||||||
url: url,
|
|
||||||
data: postData,
|
|
||||||
dataType: "json",
|
|
||||||
contentType: "application/json; charset=utf-8",
|
|
||||||
success: function (res) {
|
|
||||||
if (res.success) {
|
|
||||||
if (module == 'mic1') {
|
|
||||||
data.mic1 = res.content.mic1
|
|
||||||
}
|
|
||||||
else {
|
|
||||||
data.mic2 = res.content.mic2
|
|
||||||
}
|
|
||||||
bindData()
|
|
||||||
}
|
|
||||||
else {
|
|
||||||
alert(res.message)
|
|
||||||
}
|
|
||||||
},
|
|
||||||
error: function (res) {
|
|
||||||
}
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|
||||||
function loadData() {
|
|
||||||
let url = "/cgi-bin/test.cgi?action=fs_get"
|
|
||||||
$.ajax({
|
|
||||||
type: "GET",
|
|
||||||
url: url,
|
|
||||||
success: function (res) {
|
|
||||||
if (res.success) {
|
|
||||||
data = res.content
|
|
||||||
bindData()
|
|
||||||
}
|
|
||||||
else {
|
|
||||||
|
|
||||||
}
|
|
||||||
},
|
|
||||||
error: function () {
|
|
||||||
data = {
|
|
||||||
mic1: {
|
|
||||||
value: 7,
|
|
||||||
state: "enable"
|
|
||||||
},
|
|
||||||
mic2: {
|
|
||||||
value: 3,
|
|
||||||
state: "disable"
|
|
||||||
}
|
|
||||||
}
|
|
||||||
bindData()
|
|
||||||
}
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|
||||||
function bindData() {
|
|
||||||
$("input[name='mic1switch']").val([`${data.mic1.state}`])
|
|
||||||
$("input[name='mic2switch']").val([`${data.mic2.state}`])
|
|
||||||
$("#handle1").roundSlider("option", "value", `${data.mic1.value}`);
|
|
||||||
$("#handle1-value").val(`${data.mic1.value}`);
|
|
||||||
$("#handle2").roundSlider("option", "value", `${data.mic2.value}`);
|
|
||||||
$("#handle2-value").val(`${data.mic2.value}`);
|
|
||||||
}
|
|
||||||
|
|
||||||
$("#handle1").roundSlider({
|
|
||||||
sliderType: "min-range",
|
|
||||||
editableTooltip: false,
|
|
||||||
radius: 60,
|
|
||||||
width: 10,
|
|
||||||
value: 7.0,
|
|
||||||
min: 1.0,
|
|
||||||
max: 10.0,
|
|
||||||
step: 0.1,
|
|
||||||
handleSize: 0,
|
|
||||||
handleShape: "square",
|
|
||||||
circleShape: "pie",
|
|
||||||
startAngle: 315,
|
|
||||||
mouseScrollAction: true,
|
|
||||||
|
|
||||||
drag: function (args) {
|
|
||||||
$("#handle1-value").val(`${args.value}`);
|
|
||||||
},
|
|
||||||
change: function (args) {
|
|
||||||
$("#handle1-value").val(`${args.value}`);
|
|
||||||
changeInputValue("mic1", args.value)
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
$("#handle2").roundSlider({
|
|
||||||
sliderType: "min-range",
|
|
||||||
editableTooltip: false,
|
|
||||||
radius: 60,
|
|
||||||
width: 10,
|
|
||||||
value: 7.0,
|
|
||||||
min: 1.0,
|
|
||||||
max: 10.0,
|
|
||||||
step: 0.1,
|
|
||||||
handleSize: 0,
|
|
||||||
handleShape: "square",
|
|
||||||
circleShape: "pie",
|
|
||||||
startAngle: 315,
|
|
||||||
mouseScrollAction: true,
|
|
||||||
|
|
||||||
drag: function (args) {
|
|
||||||
$("#handle2-value").val(`${args.value}`);
|
|
||||||
},
|
|
||||||
change: function (args) {
|
|
||||||
$("#handle2-value").val(`${args.value}`);
|
|
||||||
changeInputValue("mic2", args.value)
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
|
|
||||||
</script>
|
|
||||||
|
|
||||||
</html>
|
</html>
|
|
@ -104,6 +104,7 @@
|
||||||
})
|
})
|
||||||
})
|
})
|
||||||
</script>
|
</script>
|
||||||
|
<script src="js/main.js"></script>
|
||||||
</body>
|
</body>
|
||||||
|
|
||||||
</html>
|
</html>
|
|
@ -229,6 +229,7 @@
|
||||||
return reg.test(ip);
|
return reg.test(ip);
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
<script src="js/main.js"></script>
|
||||||
</body>
|
</body>
|
||||||
|
|
||||||
</html>
|
</html>
|
|
@ -158,6 +158,7 @@
|
||||||
})
|
})
|
||||||
})
|
})
|
||||||
</script>
|
</script>
|
||||||
|
<script src="js/main.js"></script>
|
||||||
</body>
|
</body>
|
||||||
|
|
||||||
</html>
|
</html>
|
|
@ -175,6 +175,6 @@
|
||||||
|
|
||||||
|
|
||||||
</script>
|
</script>
|
||||||
|
<script src="js/main.js"></script>
|
||||||
</body>
|
</body>
|
||||||
|
|
||||||
</html>
|
</html>
|
Loading…
Reference in New Issue