rename to _editing

[HTML5TV.git] / www / tv.html
diff --git a/www/tv.html b/www/tv.html

index a1b63cd..9f90bb9 100644 (file)
--- a/www/tv.html
+++ b/www/tv.html
@@ -1,8 +1,8 @@
  <!DOCTYPE html>\r
-\r
  <html>\r
  \r
  <head>\r
+<meta charset="utf-8" />\r
  \r
  <script src="js/jquery-1.3.2.min.js" type="text/javascript"></script>\r
  <script src="js/effects.core.js" type="text/javascript"></script>\r
@@ -13,16 +13,15 @@
  \r
  <script src="jquery.sync.js" type="text/javascript"></script>\r
  <script src="html5tv.js" type="text/javascript"></script>\r
-<script src="video.js" type="text/javascript"></script>\r
+<link rel="stylesheet" type="text/css" href="hcalendar.css" />\r
  \r
  <link rel="stylesheet" type="text/css" href="js/jcarousel/lib/jquery.jcarousel.css" />\r
  <link rel="stylesheet" type="text/css" href="js/jcarousel/skins/ie7/skin.css" />\r
  \r
-<link href="carousel.css" rel="stylesheet" type="text/css" />\r
-<link href="video.css" rel="stylesheet" type="text/css" />\r
-<link href="contentPanel.css" rel="stylesheet" type="text/css" />\r
+<script src="media/_editing/video.js" type="text/javascript"></script>\r
+<link href="media/_editing/video.css" rel="stylesheet" type="text/css" />\r
  \r
-<title>R&amp;D TV Episode 2</title>\r
+<title>{title} | HTML5TV</title>\r
  \r
  </head>\r
  \r
@@ -33,8 +32,8 @@
  <div id="videoAndMoreInformation">\r
  \r
         <div id="videoContainer">\r
-               <video id="vid" autoplay="autoplay" controls="controls">\r
-                       <source src="video.ogv" />\r
+               <video id="vid" x-autoplay="autoplay" controls="controls">\r
+                       <source src="media/_editing/video.ogv" />\r
  <!--\r
                         <source src="RDTV_ep2_5min.mov" />\r
  -->\r
@@ -43,9 +42,18 @@
                 <div id="subtitle"></div>\r
         </div> <!-- videoContainer -->\r
  \r
+       <div id="slide" style="display: inline">\r
+               <img src="media/_editing/s/bars.png">\r
+       </div>\r
+       <div id="additional_video" style="display: inline">\r
+               {video_tags}\r
+       </div>\r
+\r
  </div> <!-- videoAndMoreInformation -->\r
  \r
-<div class="toggleContentPanel carouselContainer">Programme chapters</div>\r
+<h1>{title}</h1>\r
+\r
+<h2 class="toggleContentPanel carouselContainer">Presentation</h2>\r
  \r
  <div id="carouselContainer">\r
         <ul id="carousel" class="jcarousel-skin-ie7">\r
@@ -53,14 +61,27 @@
         </ul>\r
  </div> <!-- carouselContainer -->\r
  \r
-<p>This is a proof of concept demonstration of HTML pluginless Video and Audio playback, showing AV content synchronised to chapters, allowing direct access to specific sections of the show.</p>\r
+<h2>Subtitles</h2>\r
+\r
+{subtitles_table}\r
  \r
-<p><a href="http://open.bbc.co.uk/rad/projects/html5">Return to BBC RAD project page</a></p>\r
+<h2>Info</h2>\r
+\r
+<div id="hcalendar">\r
+{hcalendar}\r
+</div>\r
  \r
-<p>For more information, see <a href="http://www.bbc.co.uk/blogs/rad/2009/08/html5.html">HTML 5 and timed media</a> on the RAD blog</p>\r
  \r
  </div> <!-- content -->\r
  \r
+<div id="credits">\r
+\r
+This web interface is based on BBC R&amp;D TV\r
+<a href="http://www.bbc.co.uk/blogs/rad/2009/08/html5.html">HTML 5 and timed media</a> from the RAD blog</p>\r
+and metadata is done using <a href="http://microformats.org/wiki/hcalendar-cheatsheet">hCalendar</a> microformat.\r
+\r
+</div>\r
+\r
  </body>\r
  \r
  </html>\r