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="css/tv.css" />\r
  19 <link rel="stylesheet" type="text/css" href="css/hCalendar.css" />\r
  20 \r
  21 <link rel="stylesheet" type="text/css" href="js/jcarousel/lib/jquery.jcarousel.css" />\r
  22 <link rel="stylesheet" type="text/css" href="js/jcarousel/skins/ie7/skin.css" />\r
  23 \r
  24 <script src="media/_editing/video.js" type="text/javascript"></script>\r
  25 <link href="media/_editing/video.css" rel="stylesheet" type="text/css" />\r
  26 \r
  27 <title>{title} | HTML5TV</title>\r
  28 \r
  29 </head>\r
  30 \r
  31 <body>\r
  32 \r
  33 <div id="content">\r
  34 \r
  35 <div id="videoAndMoreInformation">\r
  36 \r
  37         <div id="videoContainer">\r
  38                 <video id="vid" x-autoplay="autoplay" controls="controls">\r
  39                         <source src="media/_editing/video.ogv" />\r
  40 <!--\r
  41                         <source src="RDTV_ep2_5min.mov" />\r
  42 -->\r
  43                         <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
  44                 </video>\r
  45                 <div id="subtitle"></div>\r
  46         </div> <!-- videoContainer -->\r
  47 \r
  48         <div id="slide_border">\r
  49         <div id="slide">\r
  50                 <img src="media/_editing/s/bars.png">\r
  51         </div>\r
  52         </div>\r
  53 \r
  54         <div id="additional_video" style="display: inline">\r
  55                 {html.video_tags}\r
  56         </div>\r
  57 \r
  58 </div> <!-- videoAndMoreInformation -->\r
  59 \r
  60 <h1>{title}</h1>\r
  61 \r
  62 <h2 class="toggleContentPanel carouselContainer">Presentation</h2>\r
  63 \r
  64 <div id="carouselContainer">\r
  65         <ul id="carousel" class="jcarousel-skin-ie7">\r
  66                 <!-- Content loaded dynamically -->\r
  67         </ul>\r
  68 </div> <!-- carouselContainer -->\r
  69 \r
  70 <h2 class="toggleContentPanel subtitles">Subtitles</h2>\r
  71 \r
  72 {html.subtitles_table}\r
  73 \r
  74 <h2 class="toggleContentPanel hCalendar">Info</h2>\r
  75 \r
  76 <div id="hCalendar">\r
  77 {hCalendar}\r
  78 </div>\r
  79 \r
  80 <h2 class="toggleContentPanel download">Download</h2>\r
  81 \r
  82 <div id="download">\r
  83 {html.download}\r
  84 </div>\r
  85 \r
  86 </div> <!-- content -->\r
  87 \r
  88 <div id="credits">\r
  89 \r
  90 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
  91 \r
  92 </div>\r
  93 \r
  94 </body>\r
  95 \r
  96 </html>\r