diff options
| author | Devaev Maxim <[email protected]> | 2018-10-09 02:06:35 +0300 |
|---|---|---|
| committer | Devaev Maxim <[email protected]> | 2018-10-09 02:06:35 +0300 |
| commit | 66f0eb7f3094ed05996f14e8ec256d70ce0d17c5 (patch) | |
| tree | 146ebe5d4eb6e1652ddfd4b7b2e677c20dcd9d9f /web/index.html | |
| parent | c4e355cdb00801666bede44aa4e60d92a988e2b0 (diff) | |
quality slider
Diffstat (limited to 'web/index.html')
| -rw-r--r-- | web/index.html | 14 |
1 files changed, 9 insertions, 5 deletions
diff --git a/web/index.html b/web/index.html index 0f3c1d0a..7baf44e6 100644 --- a/web/index.html +++ b/web/index.html @@ -14,6 +14,7 @@ <link rel="stylesheet" href="css/windows.css"> <link rel="stylesheet" href="css/modals.css"> <link rel="stylesheet" href="css/leds.css"> + <link rel="stylesheet" href="css/sliders.css"> <link rel="stylesheet" href="css/switches.css"> <link rel="stylesheet" href="css/stream.css"> <link rel="stylesheet" href="css/hid.css"> @@ -77,14 +78,16 @@ </div> <hr> <div data-dont-hide-menu class="ctl-dropdown-content-text"> - Stream quality: - <select disabled id="stream-quality-select"></select> + Stream quality: <span id="stream-quality-value">80%</span> + <div class="stream-slider-box"> + <input disabled type="range" id="stream-quality-slider" class="slider" /> + </div> </div> <hr> <div data-dont-hide-menu class="ctl-dropdown-content-text"> Stream size: <span id="stream-size-value">100%</span> - <div id="stream-size-slider-box"> - <input id="stream-size-slider" type="range" /> + <div class="stream-slider-box"> + <input type="range" id="stream-size-slider" class="slider" /> </div> </div> <hr> @@ -93,7 +96,7 @@ <td>Auto-resize stream:</td> <td align="right"> <div class="switch-box"> - <input type="checkbox" class="switch-checkbox" id="stream-auto-resize-checkbox" checked /> + <input type="checkbox" id="stream-auto-resize-checkbox" class="switch-checkbox" checked /> <label class="switch-label" for="stream-auto-resize-checkbox"> <span class="switch-inner"></span> <span class="switch"></span> @@ -280,6 +283,7 @@ <div id="stream-window" class="window" style="z-index: 1" tabindex="0"> <div id="stream-window-header" class="window-header"><div class="window-grab">Stream</div></div> + <div id="stream-info"></div> <div id="stream-box" class="stream-box-inactive"> <img id="stream-image" class="stream-image-inactive" src="png/blank-stream.png" /> </div> |