diff --git a/control.html b/control.html
index bff0621..50f6cb2 100644
--- a/control.html
+++ b/control.html
@@ -234,6 +234,7 @@
             $("input[name='lock']").val([`${data.lock}`]);
         }
     </script>
+    <script src="js/main.js"></script>
 </body>
 
 </html>
\ No newline at end of file
diff --git a/ducking.html b/ducking.html
index 68aeeef..510b839 100644
--- a/ducking.html
+++ b/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>
\ No newline at end of file
diff --git a/eq.html b/eq.html
index 22247e8..51b5d3c 100644
--- a/eq.html
+++ b/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>
\ No newline at end of file
diff --git a/filter.html b/filter.html
index 89ffb5e..1637c81 100644
--- a/filter.html
+++ b/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>
\ No newline at end of file
diff --git a/fs.html b/fs.html
index 9011a01..c2d7bab 100644
--- a/fs.html
+++ b/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>
\ No newline at end of file
diff --git a/home.html b/home.html
index a30e3ca..05b4bf2 100644
--- a/home.html
+++ b/home.html
@@ -952,564 +952,596 @@
             </div>
         </footer>
     </div>
+
+
+    <script>
+
+        var data = {}
+        let lineinputValue = 0
+        let mic1Value = 0
+        let mic2Value = 0
+        let outputValue = 0
+
+        document.addEventListener("DOMContentLoaded", function () {
+            loadData()
+
+        })
+
+        $(document).ready(function () {
+
+            $("#lineinput input[name='lineinput']").on('click', function () {
+                let url = "/cgi-bin/test.cgi&action=home_set"
+                let postData = {
+                    subaction: 'lineinput',
+                    signal: $("input[name='lineinput']:checked").val(),
+                    module: 'lineinput'
+                }
+                $.ajax({
+                    type: 'POST',
+                    url: url,
+                    data: postData,
+                    dataType: "json",
+                    contentType: "application/json; charset=utf-8",
+                    success: function (res) {
+                        if (res.success) {
+                            data.lineinput = res.content.lineinput
+                            bindData()
+                        }
+                        else {
+                            alert(res.message)
+                        }
+                    },
+                    error: function (res) {
+                    }
+                })
+            })
+
+            $('#lineinput-voice-add').on('click', function () {
+                let num = $("#lineinput .volume-slider input").val();
+                let value = ((num * (84 / 100) - 72) + 1).toFixed(1)
+                LineInputSlider(value)
+            })
+
+            $('#lineinput-voice-low').on('click', function () {
+                let num = $("#lineinput .volume-slider input").val();
+                let value = ((num * (84 / 100) - 72) - 1).toFixed(1)
+                LineInputSlider(value)
+            })
+
+            $("input[name='lineinput-voice-close']").on('change', function () {
+                let url = "/cgi-bin/test.cgi&action=home_set"
+                let state = $("input[name='lineinput-voice-close']:checked").val() == 'on'
+                let postData = {
+                    subaction: 'lineinput',
+                    state: state ? "close" : "open",
+                    module: 'lineinput'
+                }
+                $.ajax({
+                    type: 'POST',
+                    url: url,
+                    data: postData,
+                    dataType: "json",
+                    contentType: "application/json; charset=utf-8",
+                    success: function (res) {
+                        if (res.success) {
+                            data.lineinput = res.content.lineinput
+                            bindData()
+                        }
+                        else {
+                            alert(res.message)
+                        }
+                    },
+                    error: function (res) {
+                    }
+                })
+                alert(state ? "close" : "open")
+            })
+
+
+            $('#microphone1-voice-add').on('click', function () {
+                let num = $("#microphone1 .volume-slider input").val();
+                let value = ((num * (20 / 100) - 10) + 1).toFixed(1)
+                Microphone1Slider(value)
+            })
+
+            $('#microphone1-voice-low').on('click', function () {
+                let num = $("#microphone1 .volume-slider input").val();
+                let value = ((num * (20 / 100) - 10) - 1).toFixed(1)
+                Microphone1Slider(value)
+            })
+
+            $("input[name='microphone1-voice-close']").on('change', function () {
+                let url = "/cgi-bin/test.cgi&action=home_set"
+                let state = $("input[name='microphone1-voice-close']:checked").val() == 'on'
+                let postData = {
+                    subaction: 'mic1',
+                    state: state ? "close" : "open",
+                    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) {
+                    }
+                })
+                alert(state ? "close" : "open")
+            })
+
+
+
+            $('#microphone2-voice-add').on('click', function () {
+                let num = $("#microphone2 .volume-slider input").val();
+                let value = ((num * (20 / 100) - 10) + 1).toFixed(1)
+                Microphone2Slider(value)
+            })
+
+            $('#microphone2-voice-low').on('click', function () {
+                let num = $("#microphone2 .volume-slider input").val();
+                let value = ((num * (20 / 100) - 10) - 1).toFixed(1)
+                Microphone2Slider(value)
+            })
+
+            $("input[name='microphone2-voice-close']").on('change', function () {
+                let url = "/cgi-bin/test.cgi&action=home_set"
+                let state = $("input[name='microphone2-voice-close']:checked").val() == 'on'
+                let postData = {
+                    subaction: 'mic2',
+                    state: state ? "close" : "open",
+                    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) {
+                    }
+                })
+                alert(state ? "close" : "open")
+            })
+
+            $('#outputvolume-voice-add').on('click', function () {
+                let num = $("#outputvolume .volume-slider input").val();
+                let value = ((num * (20 / 100) - 10) + 1).toFixed(1)
+                OutputVolumeSlider(value)
+            })
+
+            $('#outputvolume-voice-low').on('click', function () {
+                let num = $("#outputvolume .volume-slider input").val();
+                let value = ((num * (20 / 100) - 10) - 1).toFixed(1)
+                OutputVolumeSlider(value)
+            })
+
+            $("input[name='outputvolume-voice-close']").on('change', function () {
+                let url = "/cgi-bin/test.cgi&action=home_set"
+                let state = $("input[name='outputvolume-voice-close']:checked").val() == 'on'
+                let postData = {
+                    subaction: 'output',
+                    state: state ? "close" : "open",
+                    module: 'output'
+                }
+                $.ajax({
+                    type: 'POST',
+                    url: url,
+                    data: postData,
+                    dataType: "json",
+                    contentType: "application/json; charset=utf-8",
+                    success: function (res) {
+                        if (res.success) {
+                            data.output = res.content.output
+                            bindData()
+                        }
+                        else {
+                            alert(res.message)
+                        }
+                    },
+                    error: function (res) {
+                    }
+                })
+                alert(state ? "close" : "open")
+            })
+
+        })
+
+
+        function changeInputValue(module, number) {
+            let url = "/cgi-bin/test.cgi&action=home_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 == 'lineinput') {
+                            data.lineinput = res.content.lineinput
+                            lineinputValue = data.lineinput.audio
+
+                        }
+                        else if (module == 'mic1') {
+                            data.mic1 = res.content.mic1
+                            mic1Value = data.mic1.audio
+
+                        }
+                        else if (module == 'mic2') {
+                            data.mic2 = res.content.mic2
+                            mic2Value = data.mic2.audio
+
+                        }
+                        else {
+                            data.output = res.content.output
+                            outputValue = data.mic2.audio
+                        }
+                        bindData()
+                    }
+                    else {
+                        alert(res.message)
+                    }
+                },
+                error: function (res) {
+                }
+            })
+        }
+
+
+
+        function loadData() {
+            let url = "/cgi-bin/test.cgi?action=home_get"
+            $.ajax({
+                type: "GET",
+                url: url,
+                success: function (res) {
+                    if (res.success) {
+                        data = res.content
+                        lineinputValue = data.lineinput.audio
+                        mic1Value = data.mic1.audio
+                        mic2Value = data.mic2.audio
+                        outputValue = data.mic2.audio
+
+                        bindData()
+                    }
+                    else {
+
+                    }
+                },
+                error: function () {
+                    data = {
+                        lineinput: {
+                            signal: "analog",
+                            audio: -30,
+                            state: "open"
+                        },
+                        mic1: {
+                            signal: "open",
+                            audio: -5,
+                            state: "open"
+                        },
+                        mic2: {
+                            signal: "open",
+                            audio: 5,
+                            state: "open"
+                        },
+                        output: {
+                            signal: "open",
+                            audio: 3,
+                            state: "open"
+                        }
+                    }
+
+                    lineinputValue = data.lineinput.audio
+                    mic1Value = data.mic1.audio
+                    mic2Value = data.mic2.audio
+                    outputValue = data.mic2.audio
+
+                    bindData()
+                }
+            })
+
+
+
+        }
+
+        function bindData() {
+            $("input[name='lineinput']").val([`${data.lineinput.signal}`])
+            $("input[name='mic1']").attr('checked', data.mic1.signal == 'open')
+            $("input[name='mic2']").attr('checked', data.mic2.signal == 'open')
+            $("input[name='outputvolume-voice-close']").attr('checked', data.output.state == 'close')
+            $("input[name='microphone2-voice-close']").attr('checked', data.mic2.state == 'close')
+            $("input[name='microphone1-voice-close']").attr('checked', data.mic1.state == 'close')
+            $("input[name='lineinput-voice-close']").attr('checked', data.lineinput.state == 'close')
+
+            LineInputSlider(data.lineinput.audio)
+            Microphone1Slider(data.mic1.audio)
+            Microphone2Slider(data.mic2.audio)
+            OutputVolumeSlider(data.output.audio)
+        }
+
+
+        function LineInputSlider(number) {
+            let element = $('#lineinput')
+            let input = $("#lineinput .volume-slider input")
+            let value = (parseInt(number) + 72) / (84 / 100)
+            input.attr('value', value)
+            updateLineInputSlider(element, false);
+
+
+            input.on('input', function () {
+                updateLineInputSlider(element, true);
+            })
+            input.on('change', function () {
+                updateLineInputSlider(element, false);
+            })
+        }
+
+        function updateLineInputSlider(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() * (84 / 100)) - 72).toFixed(1)
+            $value.val(`${number}`);
+            //调用接口提交数据
+            if (number != lineinputValue && isInput == false) {
+                changeInputValue('lineinput', number)
+            }
+        }
+
+        function Microphone1Slider(number) {
+            let element = $("#microphone1")
+            let input = $("#microphone1 .volume-slider input")
+            let value = (parseInt(number) + 10) / (20 / 100)
+            input.attr('value', value)
+
+            updateMicrophone1Slider(element, false);
+
+
+            input.on('input', function () {
+                updateMicrophone1Slider(element, true);
+            })
+            input.on('change', function () {
+                updateMicrophone1Slider(element, false);
+            })
+        }
+
+        function updateMicrophone1Slider(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 (mic1Value != number && isInput == false) {
+                changeInputValue('mic1', number)
+            }
+        }
+
+        function Microphone2Slider(number) {
+            let element = $('#microphone2')
+            let input = $("#microphone2 .volume-slider input")
+
+            let value = (parseInt(number) + 10) / (20 / 100)
+            input.attr('value', value)
+
+            updateMicrophone2Slider(element, false);
+
+
+            input.on('input', function () {
+                updateMicrophone2Slider(element, true);
+            })
+            input.on('change', function () {
+                updateMicrophone2Slider(element, false);
+            })
+        }
+
+        function updateMicrophone2Slider(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 (mic2Value != number && isInput == false) {
+                changeInputValue('mic2', number)
+            }
+        }
+
+
+        function OutputVolumeSlider(number) {
+            let element = $('#outputvolume')
+            let input = $("#outputvolume .volume-slider input")
+
+            let value = (parseInt(number) + 10) / (20 / 100)
+            input.attr('value', value)
+
+            updateOutputVolumeSlider(element, false);
+
+
+            input.on('input', function () {
+                updateOutputVolumeSlider(element, true);
+            })
+            input.on('change', function () {
+                updateOutputVolumeSlider(element, false);
+            })
+        }
+
+        function updateOutputVolumeSlider(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 (outputValue != number && isInput == false) {
+                changeInputValue('output', number)
+            }
+        }
+
+        function LineInputLeftRandomBar(number) {
+            const bars = $("#lineinput .equalizer-bar-left")
+            updateBars(bars, number)
+        }
+
+        function LineInputRightRandomBar(number) {
+            const bars = $("#lineinput .equalizer-bar-right")
+            updateBars(bars, number)
+        }
+
+        function Microphone1LeftRandomBar(number) {
+            const bars = $("#microphone1 .equalizer-bar-left")
+            updateBars(bars, number)
+        }
+
+        function Microphone1RightRandomBar(number) {
+            const bars = $("#microphone1 .equalizer-bar-right")
+            updateBars(bars, number)
+        }
+
+        function Microphone2LeftRandomBar(number) {
+            const bars = $("#microphone2 .equalizer-bar-left")
+            updateBars(bars, number)
+        }
+
+        function Microphone2RightRandomBar(number) {
+            const bars = $("#microphone2 .equalizer-bar-right")
+            updateBars(bars, number)
+        }
+
+        function OutputVolumeLeftRandomBar(number) {
+            const bars = $("#outputvolume .equalizer-bar-left")
+            updateBars(bars, number)
+        }
+
+        function OutputVolumeRightRandomBar(number) {
+            const bars = $("#outputvolume .equalizer-bar-right")
+            updateBars(bars, number)
+        }
+
+
+        function updateBars(element, number) {
+            let row = (number + 72) / 3;
+            let red = (-6 + 72) / 3;
+            let yellow = (-18 + 72) / 3;
+
+            let spans = element[0].getElementsByTagName('span');
+            for (let i = 0; i < spans.length; i++) {
+                if (row > i) {
+                    if (row > red && i > red) {
+                        spans[i].style.opacity = "1"
+                        spans[i].style.backgroundColor = "#ff0000"
+                    }
+                    else if (row > yellow + 1 && i <= red && i > yellow + 1) {
+                        spans[i].style.opacity = "1"
+                        spans[i].style.backgroundColor = "#ff6600"
+                    }
+                    else {
+                        spans[i].style.opacity = "1"
+                        spans[i].style.backgroundColor = "#a7dce9"
+                    }
+                }
+                else {
+                    spans[i].style.opacity = "1"
+                    spans[i].style.backgroundColor = "#333"
+                }
+            }
+        }
+
+
+
+        setInterval(() => {
+            setRandomBars();
+        }, 200);
+
+        function setRandomBars() {
+            let num = getRandomIntInclusive(0, 72)
+            let num2 = getRandomIntInclusive(0, 72)
+            let num3 = getRandomIntInclusive(0, 72)
+            let num5 = getRandomIntInclusive(0, 72)
+            let num7 = getRandomIntInclusive(0, 72)
+            let num8 = getRandomIntInclusive(0, 72)
+            LineInputLeftRandomBar(num - 72)
+            LineInputRightRandomBar(num2 - 72)
+            Microphone1LeftRandomBar(num3 - 72)
+            Microphone2LeftRandomBar(num5 - 72)
+            OutputVolumeLeftRandomBar(num7 - 72);
+            OutputVolumeRightRandomBar(num8 - 72);
+
+        }
+
+        function getRandomIntInclusive(min, max) {
+            min = Math.ceil(min);
+            max = Math.floor(max);
+            return Math.floor(Math.random() * (max - min + 1)) + min; //含最大值，含最小值
+        }
+
+
+
+    </script>
+    <script src="js/main.js"></script>
 </body>
 
-<script>
-
-    var data = {}
-
-    document.addEventListener("DOMContentLoaded", function () {
-        loadData()
-
-    })
-
-    $(document).ready(function () {
-
-        $("#lineinput input[name='lineinput']").on('click', function () {
-            let url = "/cgi-bin/test.cgi&action=home_set"
-            let postData = {
-                subaction: 'lineinput',
-                signal: $("input[name='lineinput']:checked").val(),
-                module: 'lineinput'
-            }
-            $.ajax({
-                type: 'POST',
-                url: url,
-                data: postData,
-                dataType: "json",
-                contentType: "application/json; charset=utf-8",
-                success: function (res) {
-                    if (res.success) {
-                        data.lineinput = res.content.lineinput
-                        bindData()
-                    }
-                    else {
-                        alert(res.message)
-                    }
-                },
-                error: function (res) {
-                }
-            })
-        })
-
-        $('#lineinput-voice-add').on('click', function () {
-            let num = $("#lineinput .volume-slider input").val();
-            let value = ((num * (84 / 100) - 72) + 1).toFixed(1)
-            LineInputSlider(value)
-        })
-
-        $('#lineinput-voice-low').on('click', function () {
-            let num = $("#lineinput .volume-slider input").val();
-            let value = ((num * (84 / 100) - 72) - 1).toFixed(1)
-            LineInputSlider(value)
-        })
-
-        $("input[name='lineinput-voice-close']").on('change', function () {
-            let url = "/cgi-bin/test.cgi&action=home_set"
-            let state = $("input[name='lineinput-voice-close']:checked").val() == 'on'
-            let postData = {
-                subaction: 'lineinput',
-                state: state ? "close" : "open",
-                module: 'lineinput'
-            }
-            $.ajax({
-                type: 'POST',
-                url: url,
-                data: postData,
-                dataType: "json",
-                contentType: "application/json; charset=utf-8",
-                success: function (res) {
-                    if (res.success) {
-                        data.lineinput = res.content.lineinput
-                        bindData()
-                    }
-                    else {
-                        alert(res.message)
-                    }
-                },
-                error: function (res) {
-                }
-            })
-            alert(state ? "close" : "open")
-        })
-
-
-        $('#microphone1-voice-add').on('click', function () {
-            let num = $("#microphone1 .volume-slider input").val();
-            let value = ((num * (20 / 100) - 10) + 1).toFixed(1)
-            Microphone1Slider(value)
-        })
-
-        $('#microphone1-voice-low').on('click', function () {
-            let num = $("#microphone1 .volume-slider input").val();
-            let value = ((num * (20 / 100) - 10) - 1).toFixed(1)
-            Microphone1Slider(value)
-        })
-
-        $("input[name='microphone1-voice-close']").on('change', function () {
-            let url = "/cgi-bin/test.cgi&action=home_set"
-            let state = $("input[name='microphone1-voice-close']:checked").val() == 'on'
-            let postData = {
-                subaction: 'mic1',
-                state: state ? "close" : "open",
-                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) {
-                }
-            })
-            alert(state ? "close" : "open")
-        })
-
-
-
-        $('#microphone2-voice-add').on('click', function () {
-            let num = $("#microphone2 .volume-slider input").val();
-            let value = ((num * (20 / 100) - 10) + 1).toFixed(1)
-            Microphone2Slider(value)
-        })
-
-        $('#microphone2-voice-low').on('click', function () {
-            let num = $("#microphone2 .volume-slider input").val();
-            let value = ((num * (20 / 100) - 10) - 1).toFixed(1)
-            Microphone2Slider(value)
-        })
-
-        $("input[name='microphone2-voice-close']").on('change', function () {
-            let url = "/cgi-bin/test.cgi&action=home_set"
-            let state = $("input[name='microphone2-voice-close']:checked").val() == 'on'
-            let postData = {
-                subaction: 'mic2',
-                state: state ? "close" : "open",
-                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) {
-                }
-            })
-            alert(state ? "close" : "open")
-        })
-
-        $('#outputvolume-voice-add').on('click', function () {
-            let num = $("#outputvolume .volume-slider input").val();
-            let value = ((num * (20 / 100) - 10) + 1).toFixed(1)
-            OutputVolumeSlider(value)
-        })
-
-        $('#outputvolume-voice-low').on('click', function () {
-            let num = $("#outputvolume .volume-slider input").val();
-            let value = ((num * (20 / 100) - 10) - 1).toFixed(1)
-            OutputVolumeSlider(value)
-        })
-
-        $("input[name='outputvolume-voice-close']").on('change', function () {
-            let url = "/cgi-bin/test.cgi&action=home_set"
-            let state = $("input[name='outputvolume-voice-close']:checked").val() == 'on'
-            let postData = {
-                subaction: 'output',
-                state: state ? "close" : "open",
-                module: 'output'
-            }
-            $.ajax({
-                type: 'POST',
-                url: url,
-                data: postData,
-                dataType: "json",
-                contentType: "application/json; charset=utf-8",
-                success: function (res) {
-                    if (res.success) {
-                        data.output = res.content.output
-                        bindData()
-                    }
-                    else {
-                        alert(res.message)
-                    }
-                },
-                error: function (res) {
-                }
-            })
-            alert(state ? "close" : "open")
-        })
-
-    })
-
-
-    function changeInputValue(module, number) {
-        let url = "/cgi-bin/test.cgi&action=home_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 == 'lineinput') {
-                        data.lineinput = res.content.lineinput
-                    }
-                    else if (module == 'mic1') {
-                        data.mic1 = res.content.mic1
-                    }
-                    else if (module == 'mic2') {
-                        data.mic2 = res.content.mic2
-                    }
-                    else {
-                        data.output = res.content.output
-                    }
-                    bindData()
-                }
-                else {
-                    alert(res.message)
-                }
-            },
-            error: function (res) {
-            }
-        })
-    }
-
-
-
-    function loadData() {
-        let url = "/cgi-bin/test.cgi?action=home_get"
-        $.ajax({
-            type: "GET",
-            url: url,
-            success: function (res) {
-                if (res.success) {
-                    data = res.content
-                    bindData()
-                }
-                else {
-
-                }
-            },
-            error: function () {
-                data = {
-                    lineinput: {
-                        signal: "analog",
-                        audio: -30,
-                        state: "open"
-                    },
-                    mic1: {
-                        signal: "open",
-                        audio: -5,
-                        state: "open"
-                    },
-                    mic2: {
-                        signal: "open",
-                        audio: 5,
-                        state: "open"
-                    },
-                    output: {
-                        signal: "open",
-                        audio: 3,
-                        state: "open"
-                    }
-                }
-                bindData()
-            }
-        })
-
-
-
-    }
-
-    function bindData() {
-        $("input[name='lineinput']").val([`${data.lineinput.signal}`])
-        $("input[name='mic1']").attr('checked', data.mic1.signal == 'open')
-        $("input[name='mic2']").attr('checked', data.mic2.signal == 'open')
-        $("input[name='outputvolume-voice-close']").attr('checked', data.output.state == 'close')
-        $("input[name='microphone2-voice-close']").attr('checked', data.mic2.state == 'close')
-        $("input[name='microphone1-voice-close']").attr('checked', data.mic1.state == 'close')
-        $("input[name='lineinput-voice-close']").attr('checked', data.lineinput.state == 'close')
-
-        LineInputSlider(data.lineinput.audio)
-        Microphone1Slider(data.mic1.audio)
-        Microphone2Slider(data.mic2.audio)
-        OutputVolumeSlider(data.output.audio)
-    }
-
-
-    function LineInputSlider(number) {
-        let element = $('#lineinput')
-        let input = $("#lineinput .volume-slider input")
-        let value = (parseInt(number) + 72) / (84 / 100)
-        input.attr('value', value)
-        updateLineInputSlider(element);
-
-
-        input.on('input', function () {
-            updateLineInputSlider(element);
-        })
-        input.on('change', function () {
-            updateLineInputSlider(element);
-        })
-    }
-
-    function updateLineInputSlider(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() * (84 / 100)) - 72).toFixed(1)
-        $value.val(`${number}`);
-        //调用接口提交数据
-        changeInputValue('lineinput',number)
-    }
-
-    function Microphone1Slider(number) {
-        let element = $("#microphone1")
-        let input = $("#microphone1 .volume-slider input")
-        let value = (parseInt(number) + 10) / (20 / 100)
-        input.attr('value', value)
-
-        updateMicrophone1Slider(element);
-
-
-        input.on('input', function () {
-            updateMicrophone1Slider(element);
-        })
-        input.on('change', function () {
-            updateMicrophone1Slider(element);
-        })
-    }
-
-    function updateMicrophone1Slider(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() * (20 / 100)) - 10).toFixed(1)
-        $value.val(`${number}`);
-        //调用接口提交数据
-        changeInputValue('mic1',number)
-    }
-
-    function Microphone2Slider(number) {
-        let element = $('#microphone2')
-        let input = $("#microphone2 .volume-slider input")
-
-        let value = (parseInt(number) + 10) / (20 / 100)
-        input.attr('value', value)
-
-        updateMicrophone2Slider(element);
-
-
-        input.on('input', function () {
-            updateMicrophone2Slider(element);
-        })
-        input.on('change', function () {
-            updateMicrophone2Slider(element);
-        })
-    }
-
-    function updateMicrophone2Slider(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() * (20 / 100)) - 10).toFixed(1)
-        $value.val(`${number}`);
-        //调用接口提交数据
-        changeInputValue('mic2',number)
-    }
-
-
-    function OutputVolumeSlider(number) {
-        let element = $('#outputvolume')
-        let input = $("#outputvolume .volume-slider input")
-
-        let value = (parseInt(number) + 10) / (20 / 100)
-        input.attr('value', value)
-
-        updateOutputVolumeSlider(element);
-
-
-        input.on('input', function () {
-            updateOutputVolumeSlider(element);
-        })
-        input.on('change', function () {
-            updateOutputVolumeSlider(element);
-        })
-    }
-
-    function updateOutputVolumeSlider(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() * (20 / 100)) - 10).toFixed(1)
-        $value.val(`${number}`);
-        //调用接口提交数据
-        changeInputValue('output',number)
-    }
-
-    function LineInputLeftRandomBar(number) {
-        const bars = $("#lineinput .equalizer-bar-left")
-        updateBars(bars, number)
-    }
-
-    function LineInputRightRandomBar(number) {
-        const bars = $("#lineinput .equalizer-bar-right")
-        updateBars(bars, number)
-    }
-
-    function Microphone1LeftRandomBar(number) {
-        const bars = $("#microphone1 .equalizer-bar-left")
-        updateBars(bars, number)
-    }
-
-    function Microphone1RightRandomBar(number) {
-        const bars = $("#microphone1 .equalizer-bar-right")
-        updateBars(bars, number)
-    }
-
-    function Microphone2LeftRandomBar(number) {
-        const bars = $("#microphone2 .equalizer-bar-left")
-        updateBars(bars, number)
-    }
-
-    function Microphone2RightRandomBar(number) {
-        const bars = $("#microphone2 .equalizer-bar-right")
-        updateBars(bars, number)
-    }
-
-    function OutputVolumeLeftRandomBar(number) {
-        const bars = $("#outputvolume .equalizer-bar-left")
-        updateBars(bars, number)
-    }
-
-    function OutputVolumeRightRandomBar(number) {
-        const bars = $("#outputvolume .equalizer-bar-right")
-        updateBars(bars, number)
-    }
-
-
-    function updateBars(element, number) {
-        let row = (number + 72) / 3;
-        let red = (-6 + 72) / 3;
-        let yellow = (-18 + 72) / 3;
-
-        let spans = element[0].getElementsByTagName('span');
-        for (let i = 0; i < spans.length; i++) {
-            if (row > i) {
-                if (row > red && i > red) {
-                    spans[i].style.opacity = "1"
-                    spans[i].style.backgroundColor = "#ff0000"
-                }
-                else if (row > yellow + 1 && i <= red && i > yellow + 1) {
-                    spans[i].style.opacity = "1"
-                    spans[i].style.backgroundColor = "#ff6600"
-                }
-                else {
-                    spans[i].style.opacity = "1"
-                    spans[i].style.backgroundColor = "#a7dce9"
-                }
-            }
-            else {
-                spans[i].style.opacity = "1"
-                spans[i].style.backgroundColor = "#333"
-            }
-        }
-    }
-
-
-
-    setInterval(() => {
-        setRandomBars();
-    }, 200);
-
-    function setRandomBars() {
-        let num = getRandomIntInclusive(0, 72)
-        let num2 = getRandomIntInclusive(0, 72)
-        let num3 = getRandomIntInclusive(0, 72)
-        let num5 = getRandomIntInclusive(0, 72)
-        let num7 = getRandomIntInclusive(0, 72)
-        let num8 = getRandomIntInclusive(0, 72)
-        LineInputLeftRandomBar(num - 72)
-        LineInputRightRandomBar(num2 - 72)
-        Microphone1LeftRandomBar(num3 - 72)
-        Microphone2LeftRandomBar(num5 - 72)
-        OutputVolumeLeftRandomBar(num7 - 72);
-        OutputVolumeRightRandomBar(num8 - 72);
-
-    }
-
-    function getRandomIntInclusive(min, max) {
-        min = Math.ceil(min);
-        max = Math.floor(max);
-        return Math.floor(Math.random() * (max - min + 1)) + min; //含最大值，含最小值
-    }
-
-
-
-</script>
-
 </html>
\ No newline at end of file
diff --git a/login.html b/login.html
index fda950d..9edfe91 100644
--- a/login.html
+++ b/login.html
@@ -104,6 +104,7 @@
             })
         })
     </script>
+     <script src="js/main.js"></script>
 </body>
 
 </html>
\ No newline at end of file
diff --git a/network.html b/network.html
index 0ab3bfb..c684d65 100644
--- a/network.html
+++ b/network.html
@@ -229,6 +229,7 @@
             return reg.test(ip);
         }
     </script>
+     <script src="js/main.js"></script>
 </body>
 
 </html>
\ No newline at end of file
diff --git a/security.html b/security.html
index 1e6b367..d83e844 100644
--- a/security.html
+++ b/security.html
@@ -158,6 +158,7 @@
             })
         })
     </script>
+     <script src="js/main.js"></script>
 </body>
 
 </html>
\ No newline at end of file
diff --git a/system.html b/system.html
index 01327f0..9863c78 100644
--- a/system.html
+++ b/system.html
@@ -175,6 +175,6 @@
 
 
     </script>
+     <script src="js/main.js"></script>
 </body>
-
 </html>
\ No newline at end of file