adjust bitrate ranges for quality settings

Author: lostmsu

Diff for: index.html

@@ -36,7 +36,7 @@ <h1 id="game-status"></h1>
             <label>
                 video quality: <span id="video-quality"></span>
                 <br/>
-                <input type="range" min="1" max="16" id="video-bitrate" value="2">
+                <input type="range" min="1" max="80" id="video-bitrate" value="2">
             </label>
         </div>
     </div>

Diff for: ts/home.ts

@@ -73,8 +73,8 @@ export class Home {
         function changeBitrate() {
             const value = +videoBitrate.value;
             const short = value < 4 ? "low"
-                : value < 8 ? "medium"
-                    : value < 12 ? "high"
+                : value < 12 ? "medium"
+                    : value < 20 ? "high"
                         : "ultra";
             const qualityText = document.getElementById('video-quality')!;
             qualityText.innerText = videoBitrate.title = `${short} - ${videoBitrate.value} Mbps`;