Merge pull request #2 from drott/moveDemo

Moving demo to its own repository.
w3c · Jul 2, 2014 · 75ce0fc · 75ce0fc
2 parents 0d2fd3d + 667c6eb
commit 75ce0fc
Show file tree

Hide file tree

Showing 24 changed files with 3 additions and 8,548 deletions.
diff --git a/demo/css/WOFF/second_screen.woff b/demo/css/WOFF/second_screen.woff
diff --git a/demo/img/FPV_Sunset.mp4 b/demo/img/FPV_Sunset.mp4
diff --git a/demo/img/FPV_Sunset.webm b/demo/img/FPV_Sunset.webm
diff --git a/demo/img/otc_logo.svg b/demo/img/otc_logo.svg
diff --git a/demo/img/video_poster.png b/demo/img/video_poster.png
diff --git a/demo/index.html b/demo/index.html
@@ -2,60 +2,13 @@
   <meta charset="UTF-8">
   <head>
     <title>Presentation API Demo</title>
-    <script type="text/javascript" src="js/video-js/video.dev.js"></script>
-    <link href="js/video-js/video-js.css" rel="stylesheet">
+    <meta http-equiv="refresh" content="3; http://webscreens.github.io/demo/">
     <link href="css/base.css" rel="stylesheet">
-    <script type="text/javascript" src="js/presentation_api_shim.js"></script>
-    <script type="text/javascript" src="js/presentation_button.js"></script>
-    <script type="text/javascript" src="js/resize.js"></script>
   </head>
   <body>
     <article>
       <h1>Presentation API Demo</h1>
-      <p>This demo page provides an example of the video sharing use case of <a href="http://webscreens.github.io/presentation-api/">Presentation API</a> which is being developed in the <a href="http://www.w3.org/community/webscreens/">Second Screen Presentation Community Group</a> in W3C.</p>
-      <p>Downloading the binaries, or building Chromium with the patches listed below applied to your tree allows you to run the demo.</p>
-      <p>Opening this page in the <a href="#binaries">modified version of Chromium</a> allows you to click on the second screen icon <span class="icon-instructions">s</span> in the right side of the controls bar of the <a href="#mainvid_html5_api">video player</a> and the video will open and continue playing on your secondary screen. Clicking the button again closes the window and playback resumes on your primary screen.</p>
-      <h2>Prerequisites</h2>
-      <p>It's recommended to run this demo with a secondary display connected to your system and having it configured to extend your desktop.</p>
-      <h2 id="binaries">Binaries</h2>
-      <p>Binaries are available for Linux and Mac. Use at your own risk.</p>
-      <ul>
-	<li>Linux: <a href="releases/Chromium_r240273_PresentationAPIDemo.tar.gz">Chromium_r240273_PresentationAPIDemo.tar.gz</a> - tested on Ubuntu 13.04 and Arch Linux.
-	<li>Mac: <a href="releases/Chromium_r240273_PresentationAPIDemo.dmg">Chromium_r240273_PresentationAPIDemo.dmg</a> - tested on OS X 10.9 Mavericks.
-      </ul>
-      <h2>Building the Demo / Code</h2>
-      <ul>
-	<li>Checkout and test build Chromium according to the <a href="http://www.chromium.org/developers/how-tos">instructions on the wiki</a>.
-	<li>Apply the Chromium Patch: <a href="https://codereview.chromium.org/98523003/">https://codereview.chromium.org/98523003/</a>
-	<li>Apply the Blink Patch: <a href="https://codereview.chromium.org/108333006/">https://codereview.chromium.org/108333006/</a>
-	<li>Build.
-      </ul>
-      <h2>Implementation Details</h2>
-      <p>The patches to Chromium implement a new feature attribute for the <code>window.open()</code> function called <code>presentation</code> which opens a new full-screen browser window on the first found secondary display.</p>
-      <p>The Presentation API bindings are currently implemented as a <a href="js/presentation_api_shim.js">JavaScript shim</a> on top of the modified <code>window.open()</code> call.</p>
-      <h2>Demo of Video Sharing Use Case</h2>
-      <h3>Instructions</h3>
-      <p>Run your binary, on Linux you may need to append the <code>--no-sandbox</code> command line argument.</p>
-      <p>Play the video and click the second screen icon <span class="icon-instructions">s</span>, click the button again or focus the secondary window and press Escape to close the secondary window.</p>
-      <video id="mainvid" controls preload="auto" class="video-js vjs-default-skin vjs-big-play-centered">
-	<source src="img/FPV_Sunset.mp4" type="video/mp4" />
-	<source src="img/FPV_Sunset.webm" type="video/webm" />
-      </video>
-
-      <script type="text/javascript">
-	mainvid = videojs("mainvid",  { "preload": "auto", "poster" : "img/video_poster.png", plugins: { presentation: {} } });
-      </script>
-
-      <br>
-      <small>Video <a href="http://www.youtube.com/watch?v=VAHIV9FV_9k">"FPV Sunset - Medellin"</a> by YouTube user Bllama under <a href="http://creativecommons.org/licenses/by/3.0/legalcode">CC-BY</a>.<br>Second Screen Icon based on <a href="http://icomoon.io">IcoMoo</a>.</small>
-      <h2>Building your own Project</h2>
-      <p>By using the <a href="js/presentation_api_shim.js">JavaScript shim</a> and the demo Chromium release for your own project, you can experiment and realize your own ideas for how to make use of <a href="http://webscreens.github.io/presentation-api/">Presentation API</a>.</p>
-      <h2>Contact</h2>
-      <p>For feedback on the demo or on the <a href="http://webscreens.github.io/presentation-api/">Presentation API</a> itself, please subscribe and post your feedback to the <a href="http://lists.w3.org/Archives/Public/public-webscreens/">public-webscreens W3C mailing list</a>.</p>
-      <p>This demo is provided by <a href="https://01.org/">Intel's Open Source Technology Center</a>, <a href="mailto:[email protected]">Dominik Röttsches</a>.</p>
-      <p><a href="https://01.org/"><img id="otclogo" src="img/otc_logo.svg"></a></p>
-    </article>
-
+      <p>The presentation API demo page has moved
+      to <a href="http://webscreens.github.io/demo/">http://webscreens.github.io/demo/</a> - you will be redirected.</p>
   </body>
-
 </html>
diff --git a/demo/js/presentation_api_shim.js b/demo/js/presentation_api_shim.js
diff --git a/demo/js/presentation_button.js b/demo/js/presentation_button.js
diff --git a/demo/js/resize.js b/demo/js/resize.js
diff --git a/demo/js/video-js/demo.captions.vtt b/demo/js/video-js/demo.captions.vtt
diff --git a/demo/js/video-js/demo.html b/demo/js/video-js/demo.html
diff --git a/demo/js/video-js/font/.DS_Store b/demo/js/video-js/font/.DS_Store
diff --git a/demo/js/video-js/font/vjs.eot b/demo/js/video-js/font/vjs.eot
diff --git a/demo/js/video-js/font/vjs.svg b/demo/js/video-js/font/vjs.svg
diff --git a/demo/js/video-js/font/vjs.ttf b/demo/js/video-js/font/vjs.ttf
diff --git a/demo/js/video-js/font/vjs.woff b/demo/js/video-js/font/vjs.woff