From 60c1ca66d06520af35b87aaa47e1aefc9bb769b2 Mon Sep 17 00:00:00 2001
From: yxw <17074267@qq.com>
Date: Mon, 20 Nov 2023 18:48:46 +0800
Subject: [PATCH] fix

---
 eq.html         | 385 ++++++++++++++++++++++++++++++++++++------------
 home.html       |   5 +-
 js/equalizer.js |  43 ++++++
 3 files changed, 336 insertions(+), 97 deletions(-)
 create mode 100644 js/equalizer.js

diff --git a/eq.html b/eq.html
index 51b5d3c..ca07039 100644
--- a/eq.html
+++ b/eq.html
@@ -700,7 +700,7 @@
                                         value="enable">
                                     <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">
                                     <label class="btn btn-sm redio-btn off-btn" for="mic2switch-off">OFF</label>
                                 </div>
@@ -724,6 +724,17 @@
 
     <script>
         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 () {
             //初始化配置
@@ -735,13 +746,14 @@
             $("input[name='mic1switch']").on('change', function () {
                 let $value = $("input[name='mic1switch']:checked").val()
                 console.log($("input[name='mic1switch']:checked").val())
-                alert($value)
+                changeInputValue('mic1state',$value)
+
             })
 
             $("input[name='mic2switch']").on('change', function () {
                 let $value = $("input[name='mic2switch']:checked").val()
                 console.log($("input[name='mic2switch']:checked").val())
-                alert($value)
+                changeInputValue('mic2state',$value)
             })
 
         })
@@ -753,25 +765,47 @@
                 url: url,
                 success: function (res) {
                     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()
                 },
                 error: function () {
                     data = {
                         mic1: {
-                            threshold: 9,
-                            attack: -1,
-                            hold: 3,
-                            release: -8,
-                            state: "enable"
+                            v40: 9,
+                            v150: -1,
+                            v500: 3,
+                            v2k: -8,
+                            v10k: 5,
+                            state: "disable"
                         },
                         mic2: {
-                            threshold: -7,
-                            attack: 6,
-                            hold: 0,
-                            release: -2,
-                            state: "disable"
+                            v40: 9,
+                            v150: -1,
+                            v500: 3,
+                            v2k: -8,
+                            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()
                 }
             })
@@ -780,65 +814,36 @@
         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);
-        }
+            mic140HzSlider(data.mic1.v40);
+            mic1150HzSlider(data.mic1.v150);
+            mic1500HzSlider(data.mic1.v500);
+            mic12KHzSlider(data.mic1.v2k);
+            mic110KHzSlider(data.mic1.v10k);
 
-        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)}`);
-            //调用接口提交数据
+            mic240HzSlider(data.mic2.v40);
+            mic2150HzSlider(data.mic2.v150);
+            mic2500HzSlider(data.mic2.v500);
+            mic22KHzSlider(data.mic2.v2k)
+            mic210KHzSlider(data.mic2.v10k);
         }
 
         function mic140HzSlider(number) {
             let element = $('#mic140Hz')
             let input = $("#mic140Hz .volume-slider input")
             input.attr('value', (parseInt(number) + 10) / (20 / 100))
-            updatemic140HzSlider(element);
+            updatemic140HzSlider(element,false);
 
 
             input.on('input', function () {
-                updatemic140HzSlider(element);
+                updatemic140HzSlider(element,true);
             })
             input.on('change', function () {
-                updatemic140HzSlider(element);
+                updatemic140HzSlider(element,false);
             })
         }
 
-        function updatemic140HzSlider(element) {
+        function updatemic140HzSlider(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")
@@ -850,26 +855,70 @@
 
             let barHeight = `calc(${pct}% + ${$thumb[0].clientHeight / 2}px)`;
             $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) {
             let element = $('#mic1500Hz')
             let input = $("#mic1500Hz .volume-slider input")
             input.attr('value', (parseInt(number) + 10) / (20 / 100))
-            updatemic1500HzSlider(element);
+            updatemic1500HzSlider(element,false);
 
 
             input.on('input', function () {
-                updatemic1500HzSlider(element);
+                updatemic1500HzSlider(element,true);
             })
             input.on('change', function () {
-                updatemic1500HzSlider(element);
+                updatemic1500HzSlider(element,false);
             })
         }
 
-        function updatemic1500HzSlider(element) {
+        function updatemic1500HzSlider(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")
@@ -881,26 +930,30 @@
 
             let barHeight = `calc(${pct}% + ${$thumb[0].clientHeight / 2}px)`;
             $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) {
             let element = $('#mic12KHz')
             let input = $("#mic12KHz .volume-slider input")
             input.attr('value', (parseInt(number) + 10) / (20 / 100))
-            updatemic12KHzSlider(element);
-
+            updatemic12KHzSlider(element,false);
 
             input.on('input', function () {
-                updatemic12KHzSlider(element);
+                updatemic12KHzSlider(element,true);
             })
             input.on('change', function () {
-                updatemic12KHzSlider(element);
+                updatemic12KHzSlider(element,false);
             })
         }
 
-        function updatemic12KHzSlider(element) {
+        function updatemic12KHzSlider(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")
@@ -912,30 +965,31 @@
 
             let barHeight = `calc(${pct}% + ${$thumb[0].clientHeight / 2}px)`;
             $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 mic2150HzSlider(number) {
-            let element = $('#mic2150Hz')
-            let input = $("#mic2150Hz .volume-slider input")
+        function mic110KHzSlider(number) {
+            let element = $('#mic110KHz')
+            let input = $("#mic110KHz .volume-slider input")
             input.attr('value', (parseInt(number) + 10) / (20 / 100))
-            updatemic2150HzSlider(element);
+            updatemic110KHzSlider(element);
 
 
             input.on('input', function () {
-                updatemic2150HzSlider(element);
+                updatemic110KHzSlider(element);
             })
             input.on('change', function () {
-                updatemic2150HzSlider(element);
+                updatemic110KHzSlider(element);
             })
         }
 
-        function updatemic2150HzSlider(element) {
-
+        function updatemic110KHzSlider(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")
@@ -947,26 +1001,35 @@
 
             let barHeight = `calc(${pct}% + ${$thumb[0].clientHeight / 2}px)`;
             $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) {
             let element = $('#mic240Hz')
             let input = $("#mic240Hz .volume-slider input")
             input.attr('value', (parseInt(number) + 10) / (20 / 100))
-            updatemic240HzSlider(element);
+            updatemic240HzSlider(element,false);
 
 
             input.on('input', function () {
-                updatemic240HzSlider(element);
+                updatemic240HzSlider(element,true);
             })
             input.on('change', function () {
-                updatemic240HzSlider(element);
+                updatemic240HzSlider(element,false);
             })
         }
 
-        function updatemic240HzSlider(element) {
+        function updatemic240HzSlider(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")
@@ -978,26 +1041,68 @@
 
             let barHeight = `calc(${pct}% + ${$thumb[0].clientHeight / 2}px)`;
             $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) {
             let element = $('#mic2500Hz')
             let input = $("#mic2500Hz .volume-slider input")
             input.attr('value', (parseInt(number) + 10) / (20 / 100))
-            updatemic2500HzSlider(element);
+            updatemic2500HzSlider(element, false);
 
 
             input.on('input', function () {
-                updatemic2500HzSlider(element);
+                updatemic2500HzSlider(element, true);
             })
             input.on('change', function () {
-                updatemic2500HzSlider(element);
+                updatemic2500HzSlider(element, false);
             })
         }
 
-        function updatemic2500HzSlider(element) {
+        function updatemic2500HzSlider(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")
@@ -1009,26 +1114,69 @@
 
             let barHeight = `calc(${pct}% + ${$thumb[0].clientHeight / 2}px)`;
             $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) {
             let element = $('#mic210KHz')
             let input = $("#mic210KHz .volume-slider input")
             input.attr('value', (parseInt(number) + 10) / (20 / 100))
-            updatemic210KHzSlider(element);
+            updatemic210KHzSlider(element, false);
 
 
             input.on('input', function () {
-                updatemic210KHzSlider(element);
+                updatemic210KHzSlider(element, true);
             })
             input.on('change', function () {
-                updatemic210KHzSlider(element);
+                updatemic210KHzSlider(element, false);
             })
         }
 
-        function updatemic210KHzSlider(element) {
+        function updatemic210KHzSlider(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")
@@ -1040,9 +1188,56 @@
 
             let barHeight = `calc(${pct}% + ${$thumb[0].clientHeight / 2}px)`;
             $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 src="js/main.js"></script>
diff --git a/home.html b/home.html
index 05b4bf2..39ed8e7 100644
--- a/home.html
+++ b/home.html
@@ -1224,7 +1224,7 @@
                         lineinputValue = data.lineinput.audio
                         mic1Value = data.mic1.audio
                         mic2Value = data.mic2.audio
-                        outputValue = data.mic2.audio
+                        outputValue = data.output.audio
 
                         bindData()
                     }
@@ -1259,7 +1259,7 @@
                     lineinputValue = data.lineinput.audio
                     mic1Value = data.mic1.audio
                     mic2Value = data.mic2.audio
-                    outputValue = data.mic2.audio
+                    outputValue = data.output.audio
 
                     bindData()
                 }
@@ -1542,6 +1542,7 @@
 
     </script>
     <script src="js/main.js"></script>
+    <script src="js/equalizer.js"></script>
 </body>
 
 </html>
\ No newline at end of file
diff --git a/js/equalizer.js b/js/equalizer.js
new file mode 100644
index 0000000..693c53d
--- /dev/null
+++ b/js/equalizer.js
@@ -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!");
+   
+    }
+   
+  });
\ No newline at end of file