www/tv.html

   1 <!DOCTYPE html>\r
   2 <html>\r
   3 \r
   4 <head>\r
   5 <meta charset="utf-8" />\r
   6 \r
   7 <link rel="icon" type="image/png" href="media/favicon.png">\r
   8 \r
   9 <script src="js/jquery-1.3.2.min.js" type="text/javascript"></script>\r
  10 <script src="js/effects.core.js" type="text/javascript"></script>\r
  11 <script src="js/effects.blind.js" type="text/javascript"></script>\r
  12 <script src="js/effects.slide.js" type="text/javascript"></script>\r
  13 <script src="js/jcarousel/lib/jquery.jcarousel.pack.js" type="text/javascript"></script>\r
  14 <script src="js/contentPanel.js" type="text/javascript"></script>\r
  15 \r
  16 <script src="jquery.sync.js" type="text/javascript"></script>\r
  17 <script src="html5tv.js" type="text/javascript"></script>\r
  18 <link rel="stylesheet" type="text/css" href="hcalendar.css" />\r
  19 \r
  20 <link rel="stylesheet" type="text/css" href="js/jcarousel/lib/jquery.jcarousel.css" />\r
  21 <link rel="stylesheet" type="text/css" href="js/jcarousel/skins/ie7/skin.css" />\r
  22 \r
  23 <script src="media/_editing/video.js" type="text/javascript"></script>\r
  24 <link href="media/_editing/video.css" rel="stylesheet" type="text/css" />\r
  25 \r
  26 <title>{title} | HTML5TV</title>\r
  27 \r
  28 </head>\r
  29 \r
  30 <body>\r
  31 \r
  32 <div id="content">\r
  33 \r
  34 <div id="videoAndMoreInformation">\r
  35 \r
  36         <div id="videoContainer">\r
  37                 <video id="vid" x-autoplay="autoplay" controls="controls">\r
  38                         <source src="media/_editing/video.ogv" />\r
  39 <!--\r
  40                         <source src="RDTV_ep2_5min.mov" />\r
  41 -->\r
  42                         <p id="videoElementWarning">Viewing these demos requires a browser capable of rendering the HTML 5 video element.<br />Please install a current version of <a href="http://www.mozilla.com">Firefox</a>, <a href="http://www.apple.com/safari">Safari</a> or <a href="http://www.google.com/chrome">Google&nbsp;Chrome</a>.</p>\r
  43                 </video>\r
  44                 <div id="subtitle"></div>\r
  45         </div> <!-- videoContainer -->\r
  46 \r
  47         <div id="slide">\r
  48                 <img src="media/_editing/s/bars.png">\r
  49         </div>\r
  50         <div id="additional_video" style="display: inline">\r
  51                 {html.video_tags}\r
  52         </div>\r
  53 \r
  54 </div> <!-- videoAndMoreInformation -->\r
  55 \r
  56 <h1>{title}</h1>\r
  57 \r
  58 <h2 class="toggleContentPanel carouselContainer">Presentation</h2>\r
  59 \r
  60 <div id="carouselContainer">\r
  61         <ul id="carousel" class="jcarousel-skin-ie7">\r
  62                 <!-- Content loaded dynamically -->\r
  63         </ul>\r
  64 </div> <!-- carouselContainer -->\r
  65 \r
  66 <h2>Subtitles</h2>\r
  67 \r
  68 {html.subtitles_table}\r
  69 \r
  70 <h2>Info</h2>\r
  71 \r
  72 <div id="hcalendar">\r
  73 {hCalendar}\r
  74 </div>\r
  75 \r
  76 \r
  77 </div> <!-- content -->\r
  78 \r
  79 <div id="credits">\r
  80 \r
  81 Created with <a href="http://github.com/dpavlin/HTML5TV">HTML5TV</a> which in turn uses web interface is based on BBC R&amp;D TV <a href="http://www.bbc.co.uk/blogs/rad/2009/08/html5.html">HTML 5 and timed media</a> from the RAD blog</p> and <a href="http://sorgalla.com/projects/jcarousel/">jCarousel</a> and <em>metadata</em> on this page is done using <a href="http://microformats.org/wiki/hcalendar-cheatsheet">hCalendar</a> microformat.\r
  82 \r
  83 </div>\r
  84 \r
  85 </body>\r
  86 \r
  87 </html>\r