main
parent
ceccc9d6ea
commit
0eabdc62c9
|
@ -234,6 +234,7 @@
|
|||
$("input[name='lock']").val([`${data.lock}`]);
|
||||
}
|
||||
</script>
|
||||
<script src="js/main.js"></script>
|
||||
</body>
|
||||
|
||||
</html>
|
530
ducking.html
530
ducking.html
|
@ -352,30 +352,73 @@
|
|||
</div>
|
||||
</footer>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
<script>
|
||||
|
||||
var data = {}
|
||||
<script>
|
||||
|
||||
document.addEventListener("DOMContentLoaded", function () {
|
||||
//初始化配置
|
||||
loadData();
|
||||
var data = {}
|
||||
|
||||
})
|
||||
document.addEventListener("DOMContentLoaded", function () {
|
||||
//初始化配置
|
||||
loadData();
|
||||
|
||||
$(document).ready(function () {
|
||||
let mic1 = $("#mic1")
|
||||
let mic2 = $("#mic2")
|
||||
})
|
||||
|
||||
$("input[name='switch']").on('change', function () {
|
||||
let $value = $("input[name='switch']:checked").val()
|
||||
// console.log($("input[name='switch']:checked").val())
|
||||
// alert($value)
|
||||
$(document).ready(function () {
|
||||
let mic1 = $("#mic1")
|
||||
let mic2 = $("#mic2")
|
||||
|
||||
$("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 postData = {
|
||||
state:$value
|
||||
mic1: mic1 ? "open" : "close",
|
||||
mic2: mic2 ? "open" : "close",
|
||||
}
|
||||
|
||||
$.ajax({
|
||||
|
@ -395,268 +438,213 @@
|
|||
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() {
|
||||
let url = '/cgi-bin/test.cgi?action=ducker_get';
|
||||
$.ajax({
|
||||
type: "GET",
|
||||
url: url,
|
||||
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
|
||||
// }
|
||||
function loadData() {
|
||||
let url = '/cgi-bin/test.cgi?action=ducker_get';
|
||||
$.ajax({
|
||||
type: "GET",
|
||||
url: url,
|
||||
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()
|
||||
}
|
||||
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>
|
650
eq.html
650
eq.html
|
@ -720,330 +720,332 @@
|
|||
</div>
|
||||
</footer>
|
||||
</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>
|
||||
|
||||
<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>
|
504
filter.html
504
filter.html
|
@ -167,257 +167,259 @@
|
|||
</div>
|
||||
</footer>
|
||||
</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>
|
||||
|
||||
<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>
|
384
fs.html
384
fs.html
|
@ -148,197 +148,199 @@
|
|||
</div>
|
||||
</footer>
|
||||
</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>
|
||||
|
||||
<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>
|
|
@ -104,6 +104,7 @@
|
|||
})
|
||||
})
|
||||
</script>
|
||||
<script src="js/main.js"></script>
|
||||
</body>
|
||||
|
||||
</html>
|
|
@ -229,6 +229,7 @@
|
|||
return reg.test(ip);
|
||||
}
|
||||
</script>
|
||||
<script src="js/main.js"></script>
|
||||
</body>
|
||||
|
||||
</html>
|
|
@ -158,6 +158,7 @@
|
|||
})
|
||||
})
|
||||
</script>
|
||||
<script src="js/main.js"></script>
|
||||
</body>
|
||||
|
||||
</html>
|
|
@ -175,6 +175,6 @@
|
|||
|
||||
|
||||
</script>
|
||||
<script src="js/main.js"></script>
|
||||
</body>
|
||||
|
||||
</html>
|
Loading…
Reference in New Issue