From 9a7446a08332a93ec31d9817eb21ad1ad66d17f3 Mon Sep 17 00:00:00 2001 From: STeve Seguin Date: Wed, 2 Dec 2020 04:22:21 -0500 Subject: [PATCH] merge fix? --- speedtest.css | 119 +++++++++++++++++++++++++++++ speedtest.html | 201 ------------------------------------------------- 2 files changed, 119 insertions(+), 201 deletions(-) create mode 100644 speedtest.css delete mode 100644 speedtest.html diff --git a/speedtest.css b/speedtest.css new file mode 100644 index 0000000..8d70df1 --- /dev/null +++ b/speedtest.css @@ -0,0 +1,119 @@ +body { + background-color: #141926; +} + +h1 { + color: white; + margin: 20px 0px; +} + +h1 small { + display: block; + margin-top: 0.5em; + font-size: 0.5em; +} + +#container, #graphs, #log { + width: 80%; + margin: 0 auto; +} + +#explanation { + color: white; + font-family: sans-serif; + width: 80%; + margin: 0 auto; + margin-top: 20px; +} + +#explanation h2 { + border-bottom: 1px solid #383838; + margin-bottom: 10px; + padding-bottom: 5px; +} + +iframe { + min-height: 30vh; + width: 39vw; +} + +#controls { + margin-top: 20px; +} + +#controls button { + margin: 5px; +} + +canvas { + background-color: black; + margin: 20px; +} + +#log { + margin-top: 20px; + background: #2a2a2a; + padding: 20px 0px; + border: 1px solid #383838; +} + +#log ul { + margin: 20px; + list-style: none; + color: #cacaca; + max-height: 20vh; + overflow: auto; + overflow-x: hidden; +} + +#graphs { + display: flex; + margin-top: 20px; + background: #2a2a2a; + padding: 20px 0px; + border: 1px solid #383838; +} + +.graph { + flex: 1; + position: relative; +} + +.graph h2, #log h2 { + margin: 0px 20px; + font-size: 1em; +} + +.graph > span { + position: absolute; + bottom: 30px; + left: 30px; + color: #cacaca; + font-weight: bold; +} + +ol { + margin-left: 20px; + margin-top: 30px; +} + +@media only screen + and (min-device-width: 375px) + and (max-device-width: 812px) + and (orientation: portrait) { + + #container { + width: 90%; + } + + #graphs { + flex-direction: column; + } + + iframe { + width: 90vw; + min-height: 0; + } + } + + #statsdiv {display: none;} \ No newline at end of file diff --git a/speedtest.html b/speedtest.html deleted file mode 100644 index 7ea0899..0000000 --- a/speedtest.html +++ /dev/null @@ -1,201 +0,0 @@ - -OBSN Speed Test - - - - -
-
-
-

OBS.Ninja Speed Test - prototype version

-(Tests connection to TURN server and back)

-
  • 1.Select your camera.
    • -
  • 2.Hit start
    • -
  • 3.Wait for the video to load side-by-side. *If it does not auto-load within 20s, refresh and try again.*
    • -
  • 4.Stats will load on the right-hand side of the page here. (or press CTRL + LeftClick on the new video to open stats)
    • -
  • 5.Bitrate_in_kbps, Buffer_Delay_in_ms, and packetLoss_percentage are important connection quality metrics
    • -
  • 6.Increase the video bitrate by pressing High Bitrate; it should approach 6000-kbps if the network allows.
    • -
    -
    -
    -
    -
    - - \ No newline at end of file