From 55f0bde50397a14d4a10b4dfe281a8025088f210 Mon Sep 17 00:00:00 2001 From: Gary Katsevman Date: Tue, 17 Aug 2021 12:16:49 -0400 Subject: [PATCH] chore: update the demo page (#1184) Using bootstrap styles and tabs, update the demo page and bring in some stuff from the stats page. The two main things that are missing right now are the bitrate switching and the timed metadata graphs, though, I think those aren't used as much. I figured we can bring what I have so far, and we can work on the others later on. For example, I want to migrate the representations dropdown to be a bit closer to what's in the stats page instead. I kept the old index page as old-index.html and have the main page redirect there if we're on IE11, because the bootstrap version used doesn't support IE11. Hopefully, we won't be supporting IE11 for long, and we can delete this once we drop support. --- index.html | 328 +++++---- old-index.html | 150 ++++ package-lock.json | 110 +-- package.json | 1 + scripts/index.js | 707 +++++++++++++++++++ scripts/netlify.js | 7 +- scripts/{index-demo-page.js => old-index.js} | 4 +- 7 files changed, 1106 insertions(+), 201 deletions(-) create mode 100644 old-index.html create mode 100644 scripts/index.js rename scripts/{index-demo-page.js => old-index.js} (99%) diff --git a/index.html b/index.html index 036b06c8f..5ca8c369b 100644 --- a/index.html +++ b/index.html @@ -4,142 +4,228 @@ videojs-http-streaming Demo + + + + - - -
-
- - -

Options

- -
- - - - - - - - - - - - -
+
+ + VHS logo showcasing a VHS tape with the Video.js logo on the label + VHS: videojs-http-streaming + +
+ +
-

Load a URL

- - - - - - - -

Load a Source

- -

Navigation

-