diff --git a/ducking.html b/ducking.html
index 510b839..0ca8c33 100644
--- a/ducking.html
+++ b/ducking.html
@@ -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 {
diff --git a/home.html b/home.html
index 39ed8e7..c6d7dd3 100644
--- a/home.html
+++ b/home.html
@@ -1512,9 +1512,9 @@
 
 
 
-        setInterval(() => {
-            setRandomBars();
-        }, 200);
+        // setInterval(() => {
+        //     setRandomBars();
+        // }, 200);
 
         function setRandomBars() {
             let num = getRandomIntInclusive(0, 72)
diff --git a/js/equalizer.js b/js/equalizer.js
index 693c53d..6a4ab70 100644
--- a/js/equalizer.js
+++ b/js/equalizer.js
@@ -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!");
+
     }
-   
-  });
\ No newline at end of file
+
+});
\ No newline at end of file
diff --git a/js/main.js b/js/main.js
index 38490da..b865242 100644
--- a/js/main.js
+++ b/js/main.js
@@ -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) {
+            }
+        })
     })
 })
\ No newline at end of file
diff --git a/system.html b/system.html
index 9863c78..694b169 100644
--- a/system.html
+++ b/system.html
@@ -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>
\ No newline at end of file