chore: run demo https tunneled from localhost

To be able to actually run the demo it needs to be served behind a server with a valid HTTPS certificate. In order to simplify this, and make it easier to verify and develop this library, a npm script is added to setup the demo behind a HTTPS server in a single command.
silvermine · Sep 2, 2023 · 79825b9 · 79825b9
1 parent 6e1238e
commit 79825b9
Show file tree

Hide file tree

Showing 6 changed files with 3,043 additions and 15 deletions.
diff --git a/.gitignore b/.gitignore
@@ -9,7 +9,7 @@ pids
 *.seed
 
 # build directory
-dist
+/dist
 
 # Coverage directory used by tools like istanbul
 coverage

diff --git a/README.md b/README.md
@@ -332,6 +332,12 @@ folder contains grey, black, and blue versions of the icons.
    *`chromecastRequested`: Triggers when the user has requested Chromecast playback using this
      plugin's Chromecast button
 
+## Demo
+
+1. `npm run demo`
+1. Open the https URL in the browser to confirm by entering your public IP
+1. Cast from your local computer
+
 ## How do I contribute?
 
 We genuinely appreciate external contributions. See [our extensive

diff --git a/docs/demo/dist b/docs/demo/dist
@@ -0,0 +1 @@
+../../dist
diff --git a/docs/demo/index.html b/docs/demo/index.html
@@ -5,15 +5,15 @@
    <title>silvermine-videojs-chromecast Demo</title>
    <link href="https://unpkg.com/[email protected]/dist/video-js.css" rel="stylesheet">
    <script src="https://unpkg.com/[email protected]/dist/video.js"></script>
-   <script src="../../dist/silvermine-videojs-chromecast.min.js"></script>
-   <link href="../../dist/silvermine-videojs-chromecast.css" rel="stylesheet">
+   <script src="/dist/silvermine-videojs-chromecast.min.js"></script>
+   <link href="/dist/silvermine-videojs-chromecast.css" rel="stylesheet">
    <script type="text/javascript" src="https://www.gstatic.com/cv/js/sender/v1/cast_sender.js?loadCastFramework=1"></script>
 </head>
 <body>
    <h1>Demo of <code>silvermine-videojs-chromecast</code></h1>
 
    <video id="video_1" class="video-js vjs-default-skin" controls preload="auto">
-      <source src="http://www.caminandes.com/download/03_caminandes_llamigos_1080p.mp4" type="video/mp4">
+      <source src="https://commondatastorage.googleapis.com/gtv-videos-bucket/sample/BigBuckBunny.mp4" type="video/mp4">
    </video>
 
    <script>
-Original file line number
+Diff line change
@@ Expand Up / @@ -9,7 +9,7 @@ pids @@
     *.seed
     # build directory
-    dist
+    /dist
     # Coverage directory used by tools like istanbul
     coverage
@@ Expand Down @@