fix
parent
0eabdc62c9
commit
60c1ca66d0
385
eq.html
385
eq.html
|
@ -700,7 +700,7 @@
|
||||||
value="enable">
|
value="enable">
|
||||||
<label class="btn btn-sm redio-btn on-btn" for="mic2switch-on">ON</label>
|
<label class="btn btn-sm redio-btn on-btn" for="mic2switch-on">ON</label>
|
||||||
|
|
||||||
<input type="radio" class="btn-check" name="input1" id="mic2switch-off"
|
<input type="radio" class="btn-check" name="mic2switch" id="mic2switch-off"
|
||||||
value="disable">
|
value="disable">
|
||||||
<label class="btn btn-sm redio-btn off-btn" for="mic2switch-off">OFF</label>
|
<label class="btn btn-sm redio-btn off-btn" for="mic2switch-off">OFF</label>
|
||||||
</div>
|
</div>
|
||||||
|
@ -724,6 +724,17 @@
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
var data = {}
|
var data = {}
|
||||||
|
let mic140Value = 0
|
||||||
|
let mic1150Value = 0
|
||||||
|
let mic1500Value = 0
|
||||||
|
let mic12kValue = 0
|
||||||
|
let mic110kValue = 0
|
||||||
|
|
||||||
|
let mic240Value = 0
|
||||||
|
let mic2150Value = 0
|
||||||
|
let mic2500Value = 0
|
||||||
|
let mic22kValue = 0
|
||||||
|
let mic210kValue = 0
|
||||||
|
|
||||||
document.addEventListener("DOMContentLoaded", function () {
|
document.addEventListener("DOMContentLoaded", function () {
|
||||||
//初始化配置
|
//初始化配置
|
||||||
|
@ -735,13 +746,14 @@
|
||||||
$("input[name='mic1switch']").on('change', function () {
|
$("input[name='mic1switch']").on('change', function () {
|
||||||
let $value = $("input[name='mic1switch']:checked").val()
|
let $value = $("input[name='mic1switch']:checked").val()
|
||||||
console.log($("input[name='mic1switch']:checked").val())
|
console.log($("input[name='mic1switch']:checked").val())
|
||||||
alert($value)
|
changeInputValue('mic1state',$value)
|
||||||
|
|
||||||
})
|
})
|
||||||
|
|
||||||
$("input[name='mic2switch']").on('change', function () {
|
$("input[name='mic2switch']").on('change', function () {
|
||||||
let $value = $("input[name='mic2switch']:checked").val()
|
let $value = $("input[name='mic2switch']:checked").val()
|
||||||
console.log($("input[name='mic2switch']:checked").val())
|
console.log($("input[name='mic2switch']:checked").val())
|
||||||
alert($value)
|
changeInputValue('mic2state',$value)
|
||||||
})
|
})
|
||||||
|
|
||||||
})
|
})
|
||||||
|
@ -753,25 +765,47 @@
|
||||||
url: url,
|
url: url,
|
||||||
success: function (res) {
|
success: function (res) {
|
||||||
data = res.content
|
data = res.content
|
||||||
|
mic140Value = data.mic1.v40
|
||||||
|
mic1150Value = data.mic1.v150
|
||||||
|
mic1500Value = data.mic1.v500
|
||||||
|
mic12kValue = data.mic1.v2k
|
||||||
|
mic110kValue = data.mic1.v10k
|
||||||
|
mic240Value = data.mic2.v40
|
||||||
|
mic2150Value = data.mic2.v150
|
||||||
|
mic2500Value = data.mic2.v500
|
||||||
|
mic22kValue = data.mic2.v2k
|
||||||
|
mic210kValue = data.mic2.v10k
|
||||||
bindData()
|
bindData()
|
||||||
},
|
},
|
||||||
error: function () {
|
error: function () {
|
||||||
data = {
|
data = {
|
||||||
mic1: {
|
mic1: {
|
||||||
threshold: 9,
|
v40: 9,
|
||||||
attack: -1,
|
v150: -1,
|
||||||
hold: 3,
|
v500: 3,
|
||||||
release: -8,
|
v2k: -8,
|
||||||
state: "enable"
|
v10k: 5,
|
||||||
|
state: "disable"
|
||||||
},
|
},
|
||||||
mic2: {
|
mic2: {
|
||||||
threshold: -7,
|
v40: 9,
|
||||||
attack: 6,
|
v150: -1,
|
||||||
hold: 0,
|
v500: 3,
|
||||||
release: -2,
|
v2k: -8,
|
||||||
state: "disable"
|
v10k: 5,
|
||||||
|
state: "enable"
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
mic140Value = data.mic1.v40
|
||||||
|
mic1150Value = data.mic1.v150
|
||||||
|
mic1500Value = data.mic1.v500
|
||||||
|
mic12kValue = data.mic1.v2k
|
||||||
|
mic110kValue = data.mic1.v10k
|
||||||
|
mic240Value = data.mic2.v40
|
||||||
|
mic2150Value = data.mic2.v150
|
||||||
|
mic2500Value = data.mic2.v500
|
||||||
|
mic22kValue = data.mic2.v2k
|
||||||
|
mic210kValue = data.mic2.v10k
|
||||||
bindData()
|
bindData()
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
|
@ -780,65 +814,36 @@
|
||||||
function bindData() {
|
function bindData() {
|
||||||
$("input[name='mic1switch']").val([`${data.mic1.state}`])
|
$("input[name='mic1switch']").val([`${data.mic1.state}`])
|
||||||
$("input[name='mic2switch']").val([`${data.mic2.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);
|
mic140HzSlider(data.mic1.v40);
|
||||||
mic240HzSlider(data.mic2.threshold);
|
mic1150HzSlider(data.mic1.v150);
|
||||||
mic2500HzSlider(data.mic2.hold);
|
mic1500HzSlider(data.mic1.v500);
|
||||||
mic210KHzSlider(data.mic2.release);
|
mic12KHzSlider(data.mic1.v2k);
|
||||||
}
|
mic110KHzSlider(data.mic1.v10k);
|
||||||
|
|
||||||
function mic1150HzSlider(number) {
|
mic240HzSlider(data.mic2.v40);
|
||||||
let element = $('#mic1150Hz')
|
mic2150HzSlider(data.mic2.v150);
|
||||||
let input = $("#mic1150Hz .volume-slider input")
|
mic2500HzSlider(data.mic2.v500);
|
||||||
input.attr('value', (parseInt(number) + 10) / (20 / 100))
|
mic22KHzSlider(data.mic2.v2k)
|
||||||
updatemic1150HzSlider(element);
|
mic210KHzSlider(data.mic2.v10k);
|
||||||
|
|
||||||
|
|
||||||
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) {
|
function mic140HzSlider(number) {
|
||||||
let element = $('#mic140Hz')
|
let element = $('#mic140Hz')
|
||||||
let input = $("#mic140Hz .volume-slider input")
|
let input = $("#mic140Hz .volume-slider input")
|
||||||
input.attr('value', (parseInt(number) + 10) / (20 / 100))
|
input.attr('value', (parseInt(number) + 10) / (20 / 100))
|
||||||
updatemic140HzSlider(element);
|
updatemic140HzSlider(element,false);
|
||||||
|
|
||||||
|
|
||||||
input.on('input', function () {
|
input.on('input', function () {
|
||||||
updatemic140HzSlider(element);
|
updatemic140HzSlider(element,true);
|
||||||
})
|
})
|
||||||
input.on('change', function () {
|
input.on('change', function () {
|
||||||
updatemic140HzSlider(element);
|
updatemic140HzSlider(element,false);
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
||||||
function updatemic140HzSlider(element) {
|
function updatemic140HzSlider(element, isInput) {
|
||||||
let box = element.children().find(".volume-slider")
|
let box = element.children().find(".volume-slider")
|
||||||
let input = element.children().find(".volume-slider input")
|
let input = element.children().find(".volume-slider input")
|
||||||
let $thumb = element.children().find(".range-slider-thumb")
|
let $thumb = element.children().find(".range-slider-thumb")
|
||||||
|
@ -850,26 +855,70 @@
|
||||||
|
|
||||||
let barHeight = `calc(${pct}% + ${$thumb[0].clientHeight / 2}px)`;
|
let barHeight = `calc(${pct}% + ${$thumb[0].clientHeight / 2}px)`;
|
||||||
$bar.attr('style', `height:${barHeight}`)
|
$bar.attr('style', `height:${barHeight}`)
|
||||||
$value.val(`${((input.val() * (20 / 100)) - 10).toFixed(1)}`);
|
|
||||||
//调用接口提交数据
|
//调用接口提交数据
|
||||||
|
let number = ((input.val() * (20 / 100)) - 10).toFixed(1)
|
||||||
|
$value.val(`${number}`);
|
||||||
|
//调用接口提交数据
|
||||||
|
if (number != mic140Value && isInput == false) {
|
||||||
|
changeInputValue('mic140', number)
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function mic1150HzSlider(number) {
|
||||||
|
let element = $('#mic1150Hz')
|
||||||
|
let input = $("#mic1150Hz .volume-slider input")
|
||||||
|
input.attr('value', (parseInt(number) + 10) / (20 / 100))
|
||||||
|
updatemic1150HzSlider(element,false);
|
||||||
|
|
||||||
|
|
||||||
|
input.on('input', function () {
|
||||||
|
updatemic1150HzSlider(element,true);
|
||||||
|
})
|
||||||
|
input.on('change', function () {
|
||||||
|
updatemic1150HzSlider(element,false);
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
function updatemic1150HzSlider(element, isInput) {
|
||||||
|
|
||||||
|
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() * (20 / 100)) - 10).toFixed(1)
|
||||||
|
$value.val(`${number}`);
|
||||||
|
//调用接口提交数据
|
||||||
|
if (number != mic1150Value && isInput == false) {
|
||||||
|
changeInputValue('mic1150', number)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
function mic1500HzSlider(number) {
|
function mic1500HzSlider(number) {
|
||||||
let element = $('#mic1500Hz')
|
let element = $('#mic1500Hz')
|
||||||
let input = $("#mic1500Hz .volume-slider input")
|
let input = $("#mic1500Hz .volume-slider input")
|
||||||
input.attr('value', (parseInt(number) + 10) / (20 / 100))
|
input.attr('value', (parseInt(number) + 10) / (20 / 100))
|
||||||
updatemic1500HzSlider(element);
|
updatemic1500HzSlider(element,false);
|
||||||
|
|
||||||
|
|
||||||
input.on('input', function () {
|
input.on('input', function () {
|
||||||
updatemic1500HzSlider(element);
|
updatemic1500HzSlider(element,true);
|
||||||
})
|
})
|
||||||
input.on('change', function () {
|
input.on('change', function () {
|
||||||
updatemic1500HzSlider(element);
|
updatemic1500HzSlider(element,false);
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
||||||
function updatemic1500HzSlider(element) {
|
function updatemic1500HzSlider(element, isInput) {
|
||||||
let box = element.children().find(".volume-slider")
|
let box = element.children().find(".volume-slider")
|
||||||
let input = element.children().find(".volume-slider input")
|
let input = element.children().find(".volume-slider input")
|
||||||
let $thumb = element.children().find(".range-slider-thumb")
|
let $thumb = element.children().find(".range-slider-thumb")
|
||||||
|
@ -881,26 +930,30 @@
|
||||||
|
|
||||||
let barHeight = `calc(${pct}% + ${$thumb[0].clientHeight / 2}px)`;
|
let barHeight = `calc(${pct}% + ${$thumb[0].clientHeight / 2}px)`;
|
||||||
$bar.attr('style', `height:${barHeight}`)
|
$bar.attr('style', `height:${barHeight}`)
|
||||||
$value.val(`${((input.val() * (20 / 100) - 10)).toFixed(1)}`);
|
|
||||||
//调用接口提交数据
|
//调用接口提交数据
|
||||||
|
let number = ((input.val() * (20 / 100)) - 10).toFixed(1)
|
||||||
|
$value.val(`${number}`);
|
||||||
|
//调用接口提交数据
|
||||||
|
if (number != mic1500Value && isInput == false) {
|
||||||
|
changeInputValue('mic1500', number)
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
function mic12KHzSlider(number) {
|
function mic12KHzSlider(number) {
|
||||||
let element = $('#mic12KHz')
|
let element = $('#mic12KHz')
|
||||||
let input = $("#mic12KHz .volume-slider input")
|
let input = $("#mic12KHz .volume-slider input")
|
||||||
input.attr('value', (parseInt(number) + 10) / (20 / 100))
|
input.attr('value', (parseInt(number) + 10) / (20 / 100))
|
||||||
updatemic12KHzSlider(element);
|
updatemic12KHzSlider(element,false);
|
||||||
|
|
||||||
|
|
||||||
input.on('input', function () {
|
input.on('input', function () {
|
||||||
updatemic12KHzSlider(element);
|
updatemic12KHzSlider(element,true);
|
||||||
})
|
})
|
||||||
input.on('change', function () {
|
input.on('change', function () {
|
||||||
updatemic12KHzSlider(element);
|
updatemic12KHzSlider(element,false);
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
||||||
function updatemic12KHzSlider(element) {
|
function updatemic12KHzSlider(element, isInput) {
|
||||||
let box = element.children().find(".volume-slider")
|
let box = element.children().find(".volume-slider")
|
||||||
let input = element.children().find(".volume-slider input")
|
let input = element.children().find(".volume-slider input")
|
||||||
let $thumb = element.children().find(".range-slider-thumb")
|
let $thumb = element.children().find(".range-slider-thumb")
|
||||||
|
@ -912,30 +965,31 @@
|
||||||
|
|
||||||
let barHeight = `calc(${pct}% + ${$thumb[0].clientHeight / 2}px)`;
|
let barHeight = `calc(${pct}% + ${$thumb[0].clientHeight / 2}px)`;
|
||||||
$bar.attr('style', `height:${barHeight}`)
|
$bar.attr('style', `height:${barHeight}`)
|
||||||
$value.val(`${((input.val() * (20 / 100)) - 10).toFixed(1)}`);
|
|
||||||
|
|
||||||
//调用接口提交数据
|
//调用接口提交数据
|
||||||
|
let number = ((input.val() * (20 / 100)) - 10).toFixed(1)
|
||||||
|
$value.val(`${number}`);
|
||||||
|
//调用接口提交数据
|
||||||
|
if (number != mic12kValue && isInput == false) {
|
||||||
|
changeInputValue('mic12k', number)
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
function mic110KHzSlider(number) {
|
||||||
|
let element = $('#mic110KHz')
|
||||||
function mic2150HzSlider(number) {
|
let input = $("#mic110KHz .volume-slider input")
|
||||||
let element = $('#mic2150Hz')
|
|
||||||
let input = $("#mic2150Hz .volume-slider input")
|
|
||||||
input.attr('value', (parseInt(number) + 10) / (20 / 100))
|
input.attr('value', (parseInt(number) + 10) / (20 / 100))
|
||||||
updatemic2150HzSlider(element);
|
updatemic110KHzSlider(element);
|
||||||
|
|
||||||
|
|
||||||
input.on('input', function () {
|
input.on('input', function () {
|
||||||
updatemic2150HzSlider(element);
|
updatemic110KHzSlider(element);
|
||||||
})
|
})
|
||||||
input.on('change', function () {
|
input.on('change', function () {
|
||||||
updatemic2150HzSlider(element);
|
updatemic110KHzSlider(element);
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
||||||
function updatemic2150HzSlider(element) {
|
function updatemic110KHzSlider(element, isInput) {
|
||||||
|
|
||||||
let box = element.children().find(".volume-slider")
|
let box = element.children().find(".volume-slider")
|
||||||
let input = element.children().find(".volume-slider input")
|
let input = element.children().find(".volume-slider input")
|
||||||
let $thumb = element.children().find(".range-slider-thumb")
|
let $thumb = element.children().find(".range-slider-thumb")
|
||||||
|
@ -947,26 +1001,35 @@
|
||||||
|
|
||||||
let barHeight = `calc(${pct}% + ${$thumb[0].clientHeight / 2}px)`;
|
let barHeight = `calc(${pct}% + ${$thumb[0].clientHeight / 2}px)`;
|
||||||
$bar.attr('style', `height:${barHeight}`)
|
$bar.attr('style', `height:${barHeight}`)
|
||||||
$value.val(`${((input.val() * (20 / 100)) - 10).toFixed(1)}`);
|
|
||||||
//调用接口提交数据
|
//调用接口提交数据
|
||||||
|
let number = ((input.val() * (20 / 100)) - 10).toFixed(1)
|
||||||
|
$value.val(`${number}`);
|
||||||
|
//调用接口提交数据
|
||||||
|
if (number != mic110kValue && isInput == false) {
|
||||||
|
changeInputValue('mic110k', number)
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
function mic240HzSlider(number) {
|
function mic240HzSlider(number) {
|
||||||
let element = $('#mic240Hz')
|
let element = $('#mic240Hz')
|
||||||
let input = $("#mic240Hz .volume-slider input")
|
let input = $("#mic240Hz .volume-slider input")
|
||||||
input.attr('value', (parseInt(number) + 10) / (20 / 100))
|
input.attr('value', (parseInt(number) + 10) / (20 / 100))
|
||||||
updatemic240HzSlider(element);
|
updatemic240HzSlider(element,false);
|
||||||
|
|
||||||
|
|
||||||
input.on('input', function () {
|
input.on('input', function () {
|
||||||
updatemic240HzSlider(element);
|
updatemic240HzSlider(element,true);
|
||||||
})
|
})
|
||||||
input.on('change', function () {
|
input.on('change', function () {
|
||||||
updatemic240HzSlider(element);
|
updatemic240HzSlider(element,false);
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
||||||
function updatemic240HzSlider(element) {
|
function updatemic240HzSlider(element, isInput) {
|
||||||
let box = element.children().find(".volume-slider")
|
let box = element.children().find(".volume-slider")
|
||||||
let input = element.children().find(".volume-slider input")
|
let input = element.children().find(".volume-slider input")
|
||||||
let $thumb = element.children().find(".range-slider-thumb")
|
let $thumb = element.children().find(".range-slider-thumb")
|
||||||
|
@ -978,26 +1041,68 @@
|
||||||
|
|
||||||
let barHeight = `calc(${pct}% + ${$thumb[0].clientHeight / 2}px)`;
|
let barHeight = `calc(${pct}% + ${$thumb[0].clientHeight / 2}px)`;
|
||||||
$bar.attr('style', `height:${barHeight}`)
|
$bar.attr('style', `height:${barHeight}`)
|
||||||
$value.val(`${((input.val() * (20 / 100)) - 10).toFixed(1)}`);
|
|
||||||
//调用接口提交数据
|
//调用接口提交数据
|
||||||
|
let number = ((input.val() * (20 / 100)) - 10).toFixed(1)
|
||||||
|
$value.val(`${number}`);
|
||||||
|
//调用接口提交数据
|
||||||
|
if (number != mic240Value && isInput == false) {
|
||||||
|
changeInputValue('mic240', number)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function mic2150HzSlider(number) {
|
||||||
|
let element = $('#mic2150Hz')
|
||||||
|
let input = $("#mic2150Hz .volume-slider input")
|
||||||
|
input.attr('value', (parseInt(number) + 10) / (20 / 100))
|
||||||
|
updatemic2150HzSlider(element,false);
|
||||||
|
|
||||||
|
|
||||||
|
input.on('input', function () {
|
||||||
|
updatemic2150HzSlider(element,true);
|
||||||
|
})
|
||||||
|
input.on('change', function () {
|
||||||
|
updatemic2150HzSlider(element,false);
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
function updatemic2150HzSlider(element, isInput) {
|
||||||
|
|
||||||
|
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() * (20 / 100)) - 10).toFixed(1)
|
||||||
|
$value.val(`${number}`);
|
||||||
|
//调用接口提交数据
|
||||||
|
if (number != mic2150Value && isInput == false) {
|
||||||
|
changeInputValue('mic2150', number)
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
function mic2500HzSlider(number) {
|
function mic2500HzSlider(number) {
|
||||||
let element = $('#mic2500Hz')
|
let element = $('#mic2500Hz')
|
||||||
let input = $("#mic2500Hz .volume-slider input")
|
let input = $("#mic2500Hz .volume-slider input")
|
||||||
input.attr('value', (parseInt(number) + 10) / (20 / 100))
|
input.attr('value', (parseInt(number) + 10) / (20 / 100))
|
||||||
updatemic2500HzSlider(element);
|
updatemic2500HzSlider(element, false);
|
||||||
|
|
||||||
|
|
||||||
input.on('input', function () {
|
input.on('input', function () {
|
||||||
updatemic2500HzSlider(element);
|
updatemic2500HzSlider(element, true);
|
||||||
})
|
})
|
||||||
input.on('change', function () {
|
input.on('change', function () {
|
||||||
updatemic2500HzSlider(element);
|
updatemic2500HzSlider(element, false);
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
||||||
function updatemic2500HzSlider(element) {
|
function updatemic2500HzSlider(element, isInput) {
|
||||||
let box = element.children().find(".volume-slider")
|
let box = element.children().find(".volume-slider")
|
||||||
let input = element.children().find(".volume-slider input")
|
let input = element.children().find(".volume-slider input")
|
||||||
let $thumb = element.children().find(".range-slider-thumb")
|
let $thumb = element.children().find(".range-slider-thumb")
|
||||||
|
@ -1009,26 +1114,69 @@
|
||||||
|
|
||||||
let barHeight = `calc(${pct}% + ${$thumb[0].clientHeight / 2}px)`;
|
let barHeight = `calc(${pct}% + ${$thumb[0].clientHeight / 2}px)`;
|
||||||
$bar.attr('style', `height:${barHeight}`)
|
$bar.attr('style', `height:${barHeight}`)
|
||||||
$value.val(`${((input.val() * (20 / 100) - 10)).toFixed(1)}`);
|
|
||||||
//调用接口提交数据
|
//调用接口提交数据
|
||||||
|
let number = ((input.val() * (20 / 100)) - 10).toFixed(1)
|
||||||
|
$value.val(`${number}`);
|
||||||
|
//调用接口提交数据
|
||||||
|
if (number != mic2500Value && isInput == false) {
|
||||||
|
changeInputValue('mic2500', number)
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function mic22KHzSlider(number) {
|
||||||
|
let element = $('#mic22KHz')
|
||||||
|
let input = $("#mic22KHz .volume-slider input")
|
||||||
|
input.attr('value', (parseInt(number) + 10) / (20 / 100))
|
||||||
|
updatemic22KHzSlider(element, false);
|
||||||
|
|
||||||
|
|
||||||
|
input.on('input', function () {
|
||||||
|
updatemic22KHzSlider(element, true);
|
||||||
|
})
|
||||||
|
input.on('change', function () {
|
||||||
|
updatemic22KHzSlider(element, false);
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
function updatemic22KHzSlider(element, isInput) {
|
||||||
|
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() * (20 / 100)) - 10).toFixed(1)
|
||||||
|
$value.val(`${number}`);
|
||||||
|
//调用接口提交数据
|
||||||
|
if (number != mic22kValue && isInput == false) {
|
||||||
|
changeInputValue('mic22k', number)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
function mic210KHzSlider(number) {
|
function mic210KHzSlider(number) {
|
||||||
let element = $('#mic210KHz')
|
let element = $('#mic210KHz')
|
||||||
let input = $("#mic210KHz .volume-slider input")
|
let input = $("#mic210KHz .volume-slider input")
|
||||||
input.attr('value', (parseInt(number) + 10) / (20 / 100))
|
input.attr('value', (parseInt(number) + 10) / (20 / 100))
|
||||||
updatemic210KHzSlider(element);
|
updatemic210KHzSlider(element, false);
|
||||||
|
|
||||||
|
|
||||||
input.on('input', function () {
|
input.on('input', function () {
|
||||||
updatemic210KHzSlider(element);
|
updatemic210KHzSlider(element, true);
|
||||||
})
|
})
|
||||||
input.on('change', function () {
|
input.on('change', function () {
|
||||||
updatemic210KHzSlider(element);
|
updatemic210KHzSlider(element, false);
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
||||||
function updatemic210KHzSlider(element) {
|
function updatemic210KHzSlider(element, isInput) {
|
||||||
let box = element.children().find(".volume-slider")
|
let box = element.children().find(".volume-slider")
|
||||||
let input = element.children().find(".volume-slider input")
|
let input = element.children().find(".volume-slider input")
|
||||||
let $thumb = element.children().find(".range-slider-thumb")
|
let $thumb = element.children().find(".range-slider-thumb")
|
||||||
|
@ -1040,9 +1188,56 @@
|
||||||
|
|
||||||
let barHeight = `calc(${pct}% + ${$thumb[0].clientHeight / 2}px)`;
|
let barHeight = `calc(${pct}% + ${$thumb[0].clientHeight / 2}px)`;
|
||||||
$bar.attr('style', `height:${barHeight}`)
|
$bar.attr('style', `height:${barHeight}`)
|
||||||
$value.val(`${((input.val() * (20 / 100)) - 10).toFixed(1)}`);
|
|
||||||
|
|
||||||
|
let number = ((input.val() * (20 / 100)) - 10).toFixed(1)
|
||||||
|
$value.val(`${number}`);
|
||||||
//调用接口提交数据
|
//调用接口提交数据
|
||||||
|
if (number != mic210kValue && isInput == false) {
|
||||||
|
changeInputValue('mic210k', number)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function changeInputValue(module, number) {
|
||||||
|
let url = "/cgi-bin/test.cgi&action=eq_set"
|
||||||
|
let postData = {
|
||||||
|
subaction: module,
|
||||||
|
value: 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 == 'mic2state' || module == 'mic210k' || module == 'mic22k' || module == 'mic2500' || module == 'mic2150' || module == 'mic240') {
|
||||||
|
data.mic2 = res.content.mic2
|
||||||
|
mic240Value = data.mic2.v40
|
||||||
|
mic2150Value = data.mic2.v150
|
||||||
|
mic2500Value = data.mic2.v500
|
||||||
|
mic22kValue = data.mic2.v2k
|
||||||
|
mic210kValue = data.mic2.v10k
|
||||||
|
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
data.mic1 = res.content.mic1
|
||||||
|
mic140Value = data.mic1.v40
|
||||||
|
mic1150Value = data.mic1.v150
|
||||||
|
mic1500Value = data.mic1.v500
|
||||||
|
mic12kValue = data.mic1.v2k
|
||||||
|
mic110kValue = data.mic1.v10k
|
||||||
|
}
|
||||||
|
bindData()
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
alert(res.message)
|
||||||
|
}
|
||||||
|
},
|
||||||
|
error: function (res) {
|
||||||
|
}
|
||||||
|
})
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
<script src="js/main.js"></script>
|
<script src="js/main.js"></script>
|
||||||
|
|
|
@ -1224,7 +1224,7 @@
|
||||||
lineinputValue = data.lineinput.audio
|
lineinputValue = data.lineinput.audio
|
||||||
mic1Value = data.mic1.audio
|
mic1Value = data.mic1.audio
|
||||||
mic2Value = data.mic2.audio
|
mic2Value = data.mic2.audio
|
||||||
outputValue = data.mic2.audio
|
outputValue = data.output.audio
|
||||||
|
|
||||||
bindData()
|
bindData()
|
||||||
}
|
}
|
||||||
|
@ -1259,7 +1259,7 @@
|
||||||
lineinputValue = data.lineinput.audio
|
lineinputValue = data.lineinput.audio
|
||||||
mic1Value = data.mic1.audio
|
mic1Value = data.mic1.audio
|
||||||
mic2Value = data.mic2.audio
|
mic2Value = data.mic2.audio
|
||||||
outputValue = data.mic2.audio
|
outputValue = data.output.audio
|
||||||
|
|
||||||
bindData()
|
bindData()
|
||||||
}
|
}
|
||||||
|
@ -1542,6 +1542,7 @@
|
||||||
|
|
||||||
</script>
|
</script>
|
||||||
<script src="js/main.js"></script>
|
<script src="js/main.js"></script>
|
||||||
|
<script src="js/equalizer.js"></script>
|
||||||
</body>
|
</body>
|
||||||
|
|
||||||
</html>
|
</html>
|
|
@ -0,0 +1,43 @@
|
||||||
|
$(function () {
|
||||||
|
|
||||||
|
//判断浏览器是否支持WebSocket
|
||||||
|
var supportsWebSockets = 'WebSocket' in window || 'MozWebSocket' in window;
|
||||||
|
if (supportsWebSockets) {
|
||||||
|
//建立WebSocket连接(ip地址换成自己主机ip)
|
||||||
|
var ws = new WebSocket("wss://fat-hk-ws-sdk.szfiu.com/websocket");
|
||||||
|
ws.onopen = function(){
|
||||||
|
//当WebSocket创建成功时,触发onopen事件
|
||||||
|
console.log("websocket连接成功");
|
||||||
|
//ws.send("hello"); //将消息发送到服务端
|
||||||
|
ws.send(
|
||||||
|
JSON.stringify({
|
||||||
|
symbols: "['00700.hk]",
|
||||||
|
command:0,
|
||||||
|
version:'1.0.0',
|
||||||
|
token:'szfiu',
|
||||||
|
heartBeat:'heartBeat'
|
||||||
|
})
|
||||||
|
);
|
||||||
|
}
|
||||||
|
ws.onmessage = function(e){
|
||||||
|
//当客户端收到服务端发来的消息时,触发onmessage事件,参数e.data包含server传递过来的数据
|
||||||
|
console.log("收到数据");
|
||||||
|
console.log(e.data);
|
||||||
|
}
|
||||||
|
ws.onclose = function(e){
|
||||||
|
//当客户端收到服务端发送的关闭连接请求时,触发onclose事件
|
||||||
|
console.log("websocket已断开");
|
||||||
|
}
|
||||||
|
ws.onerror = function(e){
|
||||||
|
//如果出现连接、处理、接收、发送数据失败的时候触发onerror事件
|
||||||
|
console.log("websocket发生错误"+e);
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
}else{
|
||||||
|
|
||||||
|
layer.alert("您的浏览器不支持 WebSocket!");
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
});
|
Loading…
Reference in New Issue