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

fix

main
Seany 2023-11-21 01:14:24 +08:00
parent 60c1ca66d0
commit c604cb8c8c
5 changed files with 172 additions and 70 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

73
ducking.html
View File

@ -357,6 +357,10 @@
<script>
var data = {}
let thresholdValue = 0
let duckLevelValue = 0
let attackValue = 0
let releaseValue = 0
document.addEventListener("DOMContentLoaded", function () {
//初始化配置
@ -448,6 +452,10 @@
url: url,
success: function (res) {
data = res.content
thresholdValue = data.parameters.threshold
attackValue = data.parameters.attack
duckLevelValue = data.parameters.ducklevel
releaseValue = data.parameters.release
bindData()
},
error: function () {
@ -456,12 +464,16 @@
threshold: -30,
attack: 200,
ducklevel: -3,
release: 1000,
release: 1001,
state: "enable"
},
mic1: "close",
mic2: "open"
}
thresholdValue = data.parameters.threshold
attackValue = data.parameters.attack
duckLevelValue = data.parameters.ducklevel
releaseValue = data.parameters.release
bindData()
}
})
@ -477,24 +489,25 @@
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);
updateAttackSlider(element, false);
input.on('input', function () {
updateAttackSlider(element);
updateAttackSlider(element, true);
})
input.on('change', function () {
updateAttackSlider(element);
updateAttackSlider(element, false);
})
}
function updateAttackSlider(element) {
function updateAttackSlider(element, isInput) {
let box = element.children().find(".volume-slider")
let input = element.children().find(".volume-slider input")
@ -510,25 +523,27 @@
let number = ((input.val() * (490 / 100)) + 10).toFixed(1)
$value.val(`${number}`);
//调用接口提交数据
changeInputValue('attack', number)
if (number != attackValue && isInput == false) {
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);
updateThresholdSlider(element, false);
input.on('input', function () {
updateThresholdSlider(element);
updateThresholdSlider(element, true);
})
input.on('change', function () {
updateThresholdSlider(element);
updateThresholdSlider(element, false);
})
}
function updateThresholdSlider(element) {
function updateThresholdSlider(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")
@ -544,25 +559,27 @@
let number = ((input.val() * (60 / 100)) - 60).toFixed(1)
$value.val(`${number}`);
//调用接口提交数据
changeInputValue('threshold', number)
if (number != thresholdValue && isInput == false) {
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);
updateDucklevelSlider(element, false);
input.on('input', function () {
updateDucklevelSlider(element);
updateDucklevelSlider(element, true);
})
input.on('change', function () {
updateDucklevelSlider(element);
updateDucklevelSlider(element, false);
})
}
function updateDucklevelSlider(element) {
function updateDucklevelSlider(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")
@ -578,25 +595,28 @@
let number = ((input.val() * (100 / 100)) - 100).toFixed(1)
$value.val(`${number}`);
//调用接口提交数据
changeInputValue('ducklevel', number)
if (number != duckLevelValue && isInput == false) {
changeInputValue('ducklevel', number)
}
}
function releaseSlider(number) {
console.log(number,releaseValue)
let element = $('#release')
let input = $("#release .volume-slider input")
input.attr('value', (parseInt(number) - 10) / (2000 / 100))
updateReleaseSlider(element);
input.attr('value', (parseInt(number) - 10) / (1990 / 100))
updateReleaseSlider(element, false);
input.on('input', function () {
updateReleaseSlider(element);
updateReleaseSlider(element, true);
})
input.on('change', function () {
updateReleaseSlider(element);
updateReleaseSlider(element, false);
})
}
function updateReleaseSlider(element) {
function updateReleaseSlider(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")
@ -609,10 +629,13 @@
let barHeight = `calc(${pct}% + ${$thumb[0].clientHeight / 2}px)`;
$bar.attr('style', `height:${barHeight}`)
let number = ((input.val() * (2000 / 100)) - 10).toFixed(1)
let number = ((input.val() * (1990 / 100)) + 10).toFixed(1)
$value.val(`${number}`);
//调用接口提交数据
changeInputValue('release', number)
console.log(number,releaseValue)
if (number != releaseValue && isInput == false) {
changeInputValue('release', number)
}
}
@ -632,6 +655,10 @@
success: function (res) {
if (res.success) {
data = res.content
thresholdValue = data.parameters.threshold
attackValue = data.parameters.attack
duckLevelValue = data.parameters.ducklevel
releaseValue = data.parameters.release
bindData()
}
else {

6
home.html
View File

@ -1512,9 +1512,9 @@
setInterval(() => {
setRandomBars();
}, 200);
// setInterval(() => {
// setRandomBars();
// }, 200);
function setRandomBars() {
let num = getRandomIntInclusive(0, 72)

83
js/equalizer.js
View File

@ -1,43 +1,50 @@
$(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!");
//建立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);
var eqData = e.data.content
LineInputLeftRandomBar(30 - 72)
LineInputRightRandomBar(66 - 72)
Microphone1LeftRandomBar(34 - 72)
Microphone2LeftRandomBar(67 - 72)
OutputVolumeLeftRandomBar(39 - 72);
OutputVolumeRightRandomBar(87 - 72);
}
ws.onclose = function (e) {
//当客户端收到服务端发送的关闭连接请求时，触发onclose事件
console.log("websocket已断开");
}
ws.onerror = function (e) {
//如果出现连接、处理、接收、发送数据失败的时候触发onerror事件
console.log("websocket发生错误" + e);
}
} else {
layer.alert("您的浏览器不支持 WebSocket!");
}
});
});

23
js/main.js
View File

@ -1,5 +1,26 @@
$(document).ready(function () {
$("#blink").on('click',function(){
alert('a')
let url = '/cgi-bin/test.cgi?action=blink';
let postData = {
}
$.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) {
}
})
})
})

57
system.html
View File

@ -30,8 +30,8 @@
<div class="">
<a href="security.html">SECURITY</a>
</div>
<div class="active"><a href="control.html">CONTROL</a></div>
<div class="last "><a href="system.html">SYSTEM</a></div>
<div class=""><a href="control.html">CONTROL</a></div>
<div class="last active"><a href="system.html">SYSTEM</a></div>
</div>
<div class="d-flex float-end ps-5 align-items-center" style="position:absolute; right: 10px;top: 3px;">
<button class="btn btn-dark border-black" id="blink">
@ -118,12 +118,35 @@
</div>
</footer>
</div>
<script>
var data = {}
$(document).ready(function () {
$('#reset').on('click', function (event) {
alert('a')
let url = '/cgi-bin/test.cgi?action=reset';
let postData = {
}
$.ajax({
type: 'POST',
url: url,
data: postData,
dataType: "json",
contentType: "application/json; charset=utf-8",
success: function (res) {
if (res.success) {
data = res.content
alert('reseting')
}
else {
alert(res.message)
}
},
error: function (res) {
}
})
});
$('#selectFile').on('click', function () {
@ -135,7 +158,29 @@
});
$("#upgrade").on("click", function () {
alert('aaa')
let url = '/cgi-bin/test.cgi?action=upgrade';
var formData = new FormData();
formData.append('file', $('#fileName')[0].file[0])
$.ajax({
type: 'POST',
url: url,
data: formData,
dataType: "json",
contentType: "application/json; charset=utf-8",
success: function (res) {
if (res.success) {
data = res.content
alert('upgrade')
}
else {
alert(res.message)
}
},
error: function (res) {
}
})
})
})
@ -175,6 +220,8 @@
</script>
<script src="js/main.js"></script>
<script src="js/main.js"></script>
</body>
</html>