From 3b04680856e64bbe8e14546d2d17e716584af84c Mon Sep 17 00:00:00 2001 From: yxw <17074267@qq.com> Date: Mon, 30 Oct 2023 19:07:29 +0800 Subject: [PATCH] volume --- css/app.css | 787 +++++++++++++++++++++++++++++++--------------- images/button.png | Bin 0 -> 1948 bytes volume copy.html | 180 +++++++++++ volume.html | 189 +++++++---- 4 files changed, 831 insertions(+), 325 deletions(-) create mode 100644 images/button.png create mode 100644 volume copy.html diff --git a/css/app.css b/css/app.css index f4ea42c..aa87703 100644 --- a/css/app.css +++ b/css/app.css @@ -1,357 +1,620 @@ body, html { - height: 100%; + height: 100%; } body { - background-color: #1B1D1E; - color: #fff; + background-color: #1B1D1E; + color: #fff; } .content-warp { - background-color: #1E1F21 !important; + background-color: #1E1F21 !important; } .dotblock { - background-image: url(../images/dotline.png); - max-height: 80px; - color: #fff; - font-size: 16px; - font-weight: bold; - background-size: cover; + background-image: url(../images/dotline.png); + max-height: 80px; + color: #fff; + font-size: 16px; + font-weight: bold; + background-size: cover; } .login { - width: 600px; - background-color: #1E1E1E; + width: 600px; + background-color: #1E1E1E; } .login-title { - font-size: 30px; - font-weight: bold; + font-size: 30px; + font-weight: bold; } .login-form { - width: 400px; + width: 400px; } .login input { - /* background-color: #000; */ - color: #fff; + /* background-color: #000; */ + color: #fff; } .login input::placeholder { - color: #888888; - font-size: 0.8em; + color: #888888; + font-size: 0.8em; } .login input { - border: none; - background: #000; - box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.35), 0 2px 0 rgba(255, 255, 255, 0.15); - color: #fff; + border: none; + background: #000; + box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.35), 0 2px 0 rgba(255, 255, 255, 0.15); + color: #fff; } .login button { - border: none; - background: #191919; - box-shadow: inset 0 2px 0 rgba(255, 255, 255, 0.15), 0 2px 2px rgba(0, 0, 0, 0.35); - color: #fff; + border: none; + background: #191919; + box-shadow: inset 0 2px 0 rgba(255, 255, 255, 0.15), 0 2px 2px rgba(0, 0, 0, 0.35); + color: #fff; } .nav { - border-top: 2px solid black; - border-bottom: 2px solid black; - background-color: #282828; - font-size: 14px; + border-top: 2px solid black; + border-bottom: 2px solid black; + background-color: #282828; + font-size: 14px; } .nav>div { - border-left: 2px solid black; - padding: 10px 25px; + border-left: 2px solid black; + padding: 10px 25px; } .nav>div.last { - border-right: 2px solid black; + border-right: 2px solid black; } .nav>div.active { - background-color: #000; - /*设置发光效果*/ - box-shadow: #1BC8F2 0px 0px 14px inset; - color: #1BC8F2; - background: linear-gradient(to bottom, #000, #353535, #000); + background-color: #000; + /*设置发光效果*/ + box-shadow: #1BC8F2 0px 0px 14px inset; + color: #1BC8F2; + background: linear-gradient(to bottom, #000, #353535, #000); } .nav>div:hover { - background-color: #000; - /*设置发光效果*/ - /* box-shadow: #1BC8F2 0px 0px 14px inset; */ - color: #1BC8F2; - background: linear-gradient(to bottom, #000, #353535, #000); - cursor: pointer; + background-color: #000; + /*设置发光效果*/ + /* box-shadow: #1BC8F2 0px 0px 14px inset; */ + color: #1BC8F2; + background: linear-gradient(to bottom, #000, #353535, #000); + cursor: pointer; } .nav a { - text-decoration: none; + text-decoration: none; } .nav a:visited { - color: #fff; + color: #fff; } .password-form { - width: 800px; + width: 800px; } .form input { - border: none; - background: #000; - box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.35), 0 2px 0 rgba(255, 255, 255, 0.15); - color: #fff; + border: none; + background: #000; + box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.35), 0 2px 0 rgba(255, 255, 255, 0.15); + color: #fff; } .form input::placeholder { - color: #888888; - font-size: 0.8em; + color: #888888; + font-size: 0.8em; } .col-form-label { - text-align: end; + text-align: end; } .form button { - border: none; - background: #191919; - box-shadow: inset 0 2px 0 rgba(255, 255, 255, 0.15), 0 2px 2px rgba(0, 0, 0, 0.35); - color: #fff; + border: none; + background: #191919; + box-shadow: inset 0 2px 0 rgba(255, 255, 255, 0.15), 0 2px 2px rgba(0, 0, 0, 0.35); + color: #fff; } .ruleraxisy { - /* position: absolute; */ - background-color: #303030; - background-size: 20px 50px; - background-image: linear-gradient(0deg, #696969 0, #696969 2%, transparent 2%), linear-gradient(90deg, #303030 50%, transparent 50%), linear-gradient(0deg, transparent 50%, #696969 50%, #696969 52%, transparent 52%), linear-gradient(90deg, #303030 70%, transparent 70%), linear-gradient(0deg, transparent 10%, #696969 10%, #696969 12%, transparent 12%, transparent 20%, #696969 20%, #696969 22%, transparent 22%, transparent 30%, #696969 30%, #696969 32%, transparent 32%, transparent 40%, #696969 40%, #696969 42%, transparent 42%, transparent 60%, #696969 60%, #696969 62%, transparent 62%, transparent 70%, #696969 70%, #696969 72%, transparent 72%, transparent 80%, #696969 80%, #696969 82%, transparent 82%, transparent 90%, #696969 90%, #696969 92%, transparent 92%); - background-repeat: repeat-y; - width: 20px; - height: 300px; - /* left: 30px; */ - /* top: 50px; */ - min-height: 20px; + /* position: absolute; */ + background-color: #303030; + background-size: 20px 50px; + background-image: linear-gradient(0deg, #696969 0, #696969 2%, transparent 2%), linear-gradient(90deg, #303030 50%, transparent 50%), linear-gradient(0deg, transparent 50%, #696969 50%, #696969 52%, transparent 52%), linear-gradient(90deg, #303030 70%, transparent 70%), linear-gradient(0deg, transparent 10%, #696969 10%, #696969 12%, transparent 12%, transparent 20%, #696969 20%, #696969 22%, transparent 22%, transparent 30%, #696969 30%, #696969 32%, transparent 32%, transparent 40%, #696969 40%, #696969 42%, transparent 42%, transparent 60%, #696969 60%, #696969 62%, transparent 62%, transparent 70%, #696969 70%, #696969 72%, transparent 72%, transparent 80%, #696969 80%, #696969 82%, transparent 82%, transparent 90%, #696969 90%, #696969 92%, transparent 92%); + background-repeat: repeat-y; + width: 20px; + height: 300px; + /* left: 30px; */ + /* top: 50px; */ + min-height: 20px; } .scaley { - list-style-type: none; - /* position: absolute; */ - left: 0px; - top: -25px; - margin: 0; - padding: 0; - width: 50px; - height: 100%; - overflow: hidden; - white-space: nowrap; - color: #b1b4b4; - font-size: 0; - text-shadow: 0px 1px 1px #000; - -moz-user-select: none; - /*火狐*/ - -webkit-user-select: none; - /*webkit浏览器*/ - -ms-user-select: none; - /*IE10*/ - -khtml-user-select: none; - /*早期浏览器*/ - user-select: none; - z-index: 1; + list-style-type: none; + /* position: absolute; */ + left: 0px; + top: -25px; + margin: 0; + padding: 0; + width: 50px; + height: 100%; + overflow: hidden; + white-space: nowrap; + color: #b1b4b4; + font-size: 0; + text-shadow: 0px 1px 1px #000; + -moz-user-select: none; + /*火狐*/ + -webkit-user-select: none; + /*webkit浏览器*/ + -ms-user-select: none; + /*IE10*/ + -khtml-user-select: none; + /*早期浏览器*/ + user-select: none; + z-index: 1; } .scaley li { - writing-mode: vertical-lr; - height: 50px; - text-align: center; - font-size: 11px; + writing-mode: vertical-lr; + height: 50px; + text-align: center; + font-size: 11px; } .container { - padding-top: 40px; - position: relative; - display: inline-block; - top: 100%; - left: 50%; - transform: translate(-50%, -100%); - padding-bottom: 20px; - } - @media (min-height: 500px) { - .container { - position: absolute; - top: 50%; - transform: translate(-50%, -50%); - padding-bottom: 0; - } - } - - .range-slider { - display: inline-block; - width: 40px; - position: relative; - text-align: center; - height: 300px; - max-height: 100%; - } - .range-slider:before { - position: absolute; - top: -2em; - left: 0.5em; - content: attr(data-slider-value) "%"; - color: white; - font-size: 90%; - } - .range-slider__thumb { - position: absolute; - left: 5px; - width: 30px; - height: 30px; - line-height: 30px; - background: white; - color: #777; - font-size: 50%; - box-shadow: 0 0 0 4px #3d3d4a; - border-radius: 50%; - pointer-events: none; - } - .range-slider__bar { - left: 16px; - bottom: 0; - position: absolute; - background: linear-gradient(dodgerblue, blue); - pointer-events: none; - width: 8px; - border-radius: 10px; - } - .range-slider input[type=range][orient=vertical] { - position: relative; - margin: 0; - height: 100%; - width: 100%; - display: inline-block; - position: relative; - writing-mode: bt-lr; - -webkit-appearance: slider-vertical; - } - .range-slider input[type=range][orient=vertical]::-webkit-slider-runnable-track, .range-slider input[type=range][orient=vertical]::-webkit-slider-thumb { - -webkit-appearance: none; - } - .range-slider input[type=range][orient=vertical]::-webkit-slider-runnable-track { - border: none; - background: #343440; - width: 8px; - border-color: #343440; - border-radius: 10px; - box-shadow: 0 0 0 2px #3d3d4a; - } - .range-slider input[type=range][orient=vertical]::-moz-range-track { - border: none; - background: #343440; - width: 8px; - border-color: #343440; - border-radius: 10px; - box-shadow: 0 0 0 2px #3d3d4a; - } - .range-slider input[type=range][orient=vertical]::-ms-track { - border: none; - background: #343440; - width: 8px; - border-color: #343440; - border-radius: 10px; - box-shadow: 0 0 0 2px #3d3d4a; - color: transparent; - height: 100%; - } - .range-slider input[type=range][orient=vertical]::-ms-fill-lower, .range-slider input[type=range][orient=vertical]::-ms-fill-upper, .range-slider input[type=range][orient=vertical]::-ms-tooltip { - display: none; - } - .range-slider input[type=range][orient=vertical]::-webkit-slider-thumb { - width: 30px; - height: 30px; - opacity: 0; - } - .range-slider input[type=range][orient=vertical]::-moz-range-thumb { - width: 30px; - height: 30px; - opacity: 0; - } - .range-slider input[type=range][orient=vertical]::-ms-thumb { - width: 30px; - height: 30px; - opacity: 0; - } - - .theme1 { - background: linear-gradient(pink, deeppink); - } - - .theme2 { - background: linear-gradient(tomato, red); - } - - .theme3 { - background: linear-gradient(yellow, orange); - } + padding-top: 40px; + position: relative; + display: inline-block; + top: 100%; + left: 50%; + transform: translate(-50%, -100%); + padding-bottom: 20px; +} - #handle1 .rs-handle { - background-color: transparent; - border: 8px solid transparent; - border-right-color: black; - margin: -6px 0px 0px 14px !important; - border-width: 6px 104px 6px 4px; -} -#handle1 .rs-handle:before { - display: block; - content: " "; +@media (min-height: 500px) { + .container { position: absolute; - height: 22px; - width: 22px; - background: black; - right: -11px; - bottom: -11px; - border-radius: 100px; + top: 50%; + transform: translate(-50%, -50%); + padding-bottom: 0; + } } -#handle1 .rs-tooltip { - top: 75%; - font-size: 11px; + +.range-slider { + display: inline-block; + width: 40px; + position: relative; + text-align: center; + height: 300px; + max-height: 100%; } -#handle1 .rs-tooltip div { - text-align: center; - background: orange; - color: white; - border-radius: 4px; - padding: 1px 5px 2px; - margin-top: 4px; + +.range-slider:before { + position: absolute; + top: -2em; + left: 0.5em; + content: attr(data-slider-value) "%"; + color: white; + font-size: 90%; } -#handle1 .rs-range-color { - background-color: #DB5959; + +.range-slider__thumb { + position: absolute; + left: 5px; + width: 30px; + height: 30px; + line-height: 30px; + background: white; + color: #777; + font-size: 50%; + box-shadow: 0 0 0 4px #3d3d4a; + border-radius: 50%; + pointer-events: none; } -#handle1 .rs-path-color { - background-color: #F0C5C5; + +.range-slider__bar { + left: 16px; + bottom: 0; + position: absolute; + background: linear-gradient(dodgerblue, blue); + pointer-events: none; + width: 8px; + border-radius: 10px; +} + +.range-slider input[type=range][orient=vertical] { + position: relative; + margin: 0; + height: 100%; + width: 100%; + display: inline-block; + position: relative; + writing-mode: bt-lr; + -webkit-appearance: slider-vertical; +} + +.range-slider input[type=range][orient=vertical]::-webkit-slider-runnable-track, +.range-slider input[type=range][orient=vertical]::-webkit-slider-thumb { + -webkit-appearance: none; +} + +.range-slider input[type=range][orient=vertical]::-webkit-slider-runnable-track { + border: none; + background: #343440; + width: 8px; + border-color: #343440; + border-radius: 10px; + box-shadow: 0 0 0 2px #3d3d4a; +} + +.range-slider input[type=range][orient=vertical]::-moz-range-track { + border: none; + background: #343440; + width: 8px; + border-color: #343440; + border-radius: 10px; + box-shadow: 0 0 0 2px #3d3d4a; +} + +.range-slider input[type=range][orient=vertical]::-ms-track { + border: none; + background: #343440; + width: 8px; + border-color: #343440; + border-radius: 10px; + box-shadow: 0 0 0 2px #3d3d4a; + color: transparent; + height: 100%; +} + +.range-slider input[type=range][orient=vertical]::-ms-fill-lower, +.range-slider input[type=range][orient=vertical]::-ms-fill-upper, +.range-slider input[type=range][orient=vertical]::-ms-tooltip { + display: none; +} + +.range-slider input[type=range][orient=vertical]::-webkit-slider-thumb { + width: 30px; + height: 30px; + opacity: 0; +} + +.range-slider input[type=range][orient=vertical]::-moz-range-thumb { + width: 30px; + height: 30px; + opacity: 0; +} + +.range-slider input[type=range][orient=vertical]::-ms-thumb { + width: 30px; + height: 30px; + opacity: 0; +} + +.theme1 { + background: linear-gradient(pink, deeppink); +} + +.theme2 { + background: linear-gradient(tomato, red); +} + +.theme3 { + background: linear-gradient(yellow, orange); +} + +#handle1 .rs-handle { + background-color: transparent; + border: 8px solid transparent; + border-right-color: black; + margin: -6px 0px 0px 14px !important; + border-width: 6px 104px 6px 4px; +} + +#handle1 .rs-handle:before { + display: block; + content: " "; + position: absolute; + height: 22px; + width: 22px; + background: black; + right: -11px; + bottom: -11px; + border-radius: 100px; +} + +#handle1 .rs-tooltip { + top: 75%; + font-size: 11px; +} + +#handle1 .rs-tooltip div { + text-align: center; + background: orange; + color: white; + border-radius: 4px; + padding: 1px 5px 2px; + margin-top: 4px; +} + +#handle1 .rs-range-color { + background-color: #DB5959; +} + +#handle1 .rs-path-color { + background-color: #F0C5C5; } .progress-4 { - width:120px; - height:20px; - -webkit-mask:linear-gradient(90deg,#000 70%,#0000 0) 0/20%; - background: - linear-gradient(#000 0 0) 0/0% no-repeat - #ddd; - animation:p4 2s infinite steps(6); - } - @keyframes p4 { - 100% {background-size:120%} - } - + width: 120px; + height: 20px; + -webkit-mask: linear-gradient(90deg, #000 70%, #0000 0) 0/20%; + background: + linear-gradient(#000 0 0) 0/0% no-repeat #ddd; + animation: p4 2s infinite steps(6); +} + +@keyframes p4 { + 100% { + background-size: 120% + } +} + + + + +.divider { + display: block; + text-align: center; + /* margin: 1rem 0; */ + overflow: hidden; + white-space: nowrap; + top: -12px; + position: relative; +} + +.divider .divider-text { + position: relative; + display: inline-block; + font-size: 0.8rem; + /* padding: 0rem 1rem; */ +} + +.divider .divider-text:before { + right: 100%; +} + +.divider .divider-text:before, +.divider .divider-text:after { + content: ""; + position: absolute; + top: 50%; + width: 100vw; + border-top: 2px solid #000; +} + +.redio-switche{ + background-color: #000; + padding: 2px; + box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.35), 0 2px 0 rgba(255, 255, 255, 0.15); + border-radius: 5px; +} + +.redio-switche .btn-check:checked+.btn{ + background-color: #1BC8F3; + border: 0px; + color: #1BC8F3; + box-shadow: inset 0 2px 0 rgba(255, 255, 255, 0.15), 0 2px 2px rgba(0, 0, 0, 0.35) +} + +.redio-switche .btn{ + color: #fff; +} + +.volume-slider-box .volume-slider{ + display: inline-block; + width: 45px; + position: relative; + text-align: center; + height: 300px; + max-height: 100%; +} + +.volume-slider input[type=range][orient=vertical] { + position: relative; + margin: 0; + height: 100%; + width: 100%; + display: inline-block; + position: relative; + writing-mode: bt-lr; + -webkit-appearance: slider-vertical; +} + +.volume-slider input[type=range][orient=vertical]::-webkit-slider-runnable-track, +.volume-slider input[type=range][orient=vertical]::-webkit-slider-thumb { + -webkit-appearance: none; +} + +.volume-slider input[type=range][orient=vertical]::-webkit-slider-runnable-track { + border: none; + background: #000; + width: 18px; + border-color: #343440; + border-radius: 10px; + box-shadow: rgba(255, 255, 255, 0.25) 5px 0 5px -5px; +} + +.volume-slider input[type=range][orient=vertical]::-moz-range-track { + border: none; + background: #343440; + width: 18px; + border-color: #343440; + border-radius: 10px; + box-shadow: rgba(255, 255, 255, 0.25) 5px 0 5px -5px; +} + +.volume-slider input[type=range][orient=vertical]::-ms-track { + border: none; + background: #343440; + width: 18px; + border-color: #343440; + border-radius: 10px; + box-shadow: rgba(255, 255, 255, 0.25) 5px 0 5px -5px; + color: transparent; + height: 100%; +} + +.volume-slider input[type=range][orient=vertical]::-ms-fill-lower, +.volume-slider input[type=range][orient=vertical]::-ms-fill-upper, +.volume-slider input[type=range][orient=vertical]::-ms-tooltip { + display: none; +} + +.volume-slider input[type=range][orient=vertical]::-webkit-slider-thumb { + width: 30px; + height: 30px; + opacity: 0; +} + +.volume-slider input[type=range][orient=vertical]::-moz-range-thumb { + width: 30px; + height: 30px; + opacity: 0; +} + +.volume-slider input[type=range][orient=vertical]::-ms-thumb { + width: 30px; + height: 30px; + opacity: 0; +} + +.volume-slider-box .range-slider-bar { + left: 16px; + bottom: 3px; + position: absolute; + background: linear-gradient(dodgerblue, #1BC8F3); + pointer-events: none; + width: 13px; + border-radius: 10px; +} + +.volume-slider-box .range-slider-thumb { + position: absolute; + left: 0px; + width: 45px; + height: 59px; + line-height: 30px; + color: #777; + font-size: 50%; + pointer-events: none; + background-image: url(../images/button.png); +} + + + +.volume-ruler { + position: relative; + width: 14px; + height: 300px; +} + +.volume-ruler .cm { + position: absolute; + border-top: 1px solid #555; + height: 10%; + width: 14px; +} + +.volume-ruler .mm { + position: absolute; + border-top: 1px solid #555; + height: 80%; + width: 14px; +} + +.volume-ruler .cm:after { + position: absolute; + right: -15px; + top: -5px; + font: 11px/1 sans-serif; +} + +.volume-ruler .mm { + width: 5px; +} + +.volume-ruler .cm:nth-of-type(1) { + top: 0%; +} + +.volume-ruler .cm:nth-of-type(1):after { + content: "0"; +} + +.volume-ruler .cm:nth-of-type(2) { + top: 16.6666%; +} + +.volume-ruler .cm:nth-of-type(2):after { + content: "1"; +} + +.volume-ruler .cm:nth-of-type(3) { + top: 33.3333%; +} + +.volume-ruler .cm:nth-of-type(3):after { + content: "2"; +} + +.volume-ruler .cm:nth-of-type(4) { + top: 50%; +} + +.volume-ruler .cm:nth-of-type(4):after { + content: "3"; +} + +.volume-ruler .cm:nth-of-type(5) { + top: 66.6666%; +} + +.volume-ruler .cm:nth-of-type(5):after { + content: "4"; +} + +.volume-ruler .cm:nth-of-type(6) { + top: 83.3333%; +} + +.volume-ruler .cm:nth-of-type(6):after { + content: "5"; +} + +.volume-ruler .cm:nth-of-type(7) { + top: 100%; +} + +.volume-ruler .cm:nth-of-type(7):after { + content: "6"; +} + diff --git a/images/button.png b/images/button.png new file mode 100644 index 0000000000000000000000000000000000000000..f34903d8efa77ab3945c313ed25d50adf03cdad6 GIT binary patch literal 1948 zcmV;N2V?k&P)r3!yS^Rk32c1=M1qBsN*xi8QDp^=%5X9#Q;$z+nxS)BkyJzyGM1;(0B1tAaLwCBn zzV5v~q;FZ>>5u72W+nj-G~La;b?bLe{p;RyPL@#3Bas8lK+ z16~C#0Ox=*a0GCH9pDl0cc2Q~0RFtPvLg3#uItyY_d-tyY6D*azMjwLFU-u$Fg-nu z>$(&Q1uVu}B=p#Bq$25-BBGYqZu_mW2=k+qQ8WhkQN{K)qh){{8zzQS?C< z{%^ZExAF9@p(~ZjtHA2q+}vxYPoG8zL8sFpj$@QkBuPS&Bt6goLI^C&!f_mOxg5D% zF1;f4dY!v>?;@qVyt1EaWZ8D56zz7K?d@&0wzg~KiT`U%Vw7k4byWOTb-mS&|1Ga z?AU>xuGMOvv@Gib-}h;?T5N4?5d^_=fgJ>|wWir@(rUGso}OlIZf>}% zwOX`Vt$l@s|4Ai^BBCgw-EOn6umG@XxU%vc+$sZ`uZ!SQt5)ZR8sCKMA$PhJh?HWC?W^~jvhS<8E-!Y-L*Gn zXJ?7y_&{Va%%Ug)Fx&s@8yg!(v+XJL#>R#tgm@#L&!@A6gOi3aAp}xNlu|@d#LUbL zz-z-i{i$NHNRlLkVR)dR{id}>DTUS=*L49tpKZ@Vf7*3jlv2cTe4vnn%)~RcZ3DcL zZOcM`+_EgR);$5xVWne9lB6EDEbGjzTepswwk-6S?yOKs^$c(j;N~1=r7#RiDRQ|S zz=G+U&0MClA!PRVL4s$`*T*o>)0XMfof+BP=y^c*k2mU*UA4L~deQuM1`S#)7SrH< zkoWh?vJ%PVay|dE_EchPI?T_{(`Ym%UjF)JmG#)DH9rfM%jIw!XQ-2gX5&H#W@l$f zl7t`#2*Yq!+xlMb0h0h13I(&w4YjA_(QmeGQ!14xl}ZyqJd2H+@XK9cg2UTLCbj>2 zdcUln>*e<}ytv-Z+Ssb8lrpW;nIL926PvV;srTjcc^qdn)=*7rtqFo4-B9*gQQEC( ztdI%G4K z!!na2n%_X%v}HZr7&NOFVKwP8G|m4k^uNvQ4oedKtBH|E_ul$X+Lk%y_F?NdYuS8N zDfO@A<>kkwEem}!j^p$J&+|&LCN*=;K8BmwK3V9$W}ycSw4c_04&&*rH2#=vOX-%E zmnHBUDP{UVC+qEl1kYwJ-SXTY210ia_^nB1$8Dw0)B1N}lOJ|Nhu<$PEo}|0nl3FZ z-HhY-Ln$S;ZKoOdetNrqY!ib3W>;M6Kjx_?0l=Ekc7Oe&|M&9-&Xx}1I3`Jw-z_dK z-WdBNU~zHrT9PEcPLc%6vQmBZ7j2#ueh{$ZIH@#-dASF=4{9xnBBYc!j`LJmpkIT# ztwIf&xcL@Bq+agEK0hs&%YPa)_P{8wTrS_zT7N5wBDB`z^ZB0DWEAMAQrECPLI?_l z0zwEQi?wpO{DWbWADV8J%jI7xrQR{oR)5uJkW?o904cC#StLn99LHQ)2?<9-}irh=gys46h*7HZNHw&*=`552SC~WP>r2dupvO`M&?|ZdiJt$KCm!=iLBqY;JD8C8fM-+cvgs_q^Y+o9Iv} zm3;%}ePGS=yxWs3pA*+TJkNU{u%(n=jiTs7lh2vQXoDnS-n@yT$VlO5TI;gsdEfCo z@Ajk&dkQc-&r`rP;M(Tq=4mPA7o?P*0X_jN^5juN0cZdZc=EQ`I#1pf`-|s!&-5r* iOmbOX6niPlV*drFJE^tkluv{J0000 + + + + + + + + + + + + + +
+
+
+
GEAZAN
+
+
+
+
INPUT
+
EQ
+
VOLUME
+
RS232
+
NETWORK
+
+ PASSWORD +
+
SYSTEM
+
+
+ +
+
+
+
+
+
+ +
+ +
+
50%
+
+ +
+ +
+
50%
+
+ +
+ +
+
50%
+
+ +
+ +
+
50%
+
+ +
+
+
    +
  • +
  • 50
    • +
  • 100
    • +
  • 150
    • +
  • 200
    • +
  • 250
    • +
  • 300
    • +
+
+
+
+
+
+
+
+
+
+
+ +
+
+
+
+
+
+ +
+ + +
+
+
+
+
+ +
+
+
+ +
+
+
Geazan
+
www.geazan.com
+
+
+
+ + + + + \ No newline at end of file diff --git a/volume.html b/volume.html index 1173612..f5df57d 100644 --- a/volume.html +++ b/volume.html @@ -32,76 +32,139 @@
-
-
-
-
-
+
+
+
+
MIC 1
+
+
+
+
+
48V Phantom
+
+ + -
- -
-
50%
+ +
- -
- -
-
50%
-
- -
- -
-
50%
-
- -
- -
-
50%
-
-
-
-
    -
  • -
  • 50
    • -
  • 100
    • -
  • 150
    • -
  • 200
    • -
  • 250
    • -
  • 300
    • -
+
+
+
+
+ +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ +
-
-
-
-
-
-
+
+ +
+
+
+ +
+
+
-
-
-
-
-
-
- +
+
+
+
+
+
+ +
+ + +
- -
+
+ +
+
-
- -
-