integration/tag.html
changeset 64 458cc4576415
parent 58 00632d0dee47
child 73 fb4d0566ab19
equal deleted inserted replaced
60:f4a03f8bc37a 64:458cc4576415
     1 <!DOCTYPE html>
     1 <!DOCTYPE html>
     2 <html lang="fr">
     2 <html lang="fr">
     3     <head>
     3     <head>
     4         <meta charset="utf-8">
     4         <meta charset="utf-8">
       
     5         <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
     5         <title>The End - Visionnage par tag "{{tag}}"</title>
     6         <title>The End - Visionnage par tag "{{tag}}"</title>
     6 
     7 
     7         <!-- Mobile Specific Metas -->
     8         <!-- Mobile Specific Metas -->
     8         <meta name="viewport" content="initial-scale=1,user-scalable=no,maximum-scale=1,width=device-width" />
     9         <meta name="viewport" content="initial-scale=1,user-scalable=no,maximum-scale=1,width=device-width" />
     9 
    10 
    23             tag = matches ? decodeURIComponent(matches[1]) : "ENGAGEMENT";
    24             tag = matches ? decodeURIComponent(matches[1]) : "ENGAGEMENT";
    24             IriSP.endpoints = {
    25             IriSP.endpoints = {
    25                 mashup_by_tag : "http://theend-integ.ftinfo.fr/theend/ldt/mashupbytag/",
    26                 mashup_by_tag : "http://theend-integ.ftinfo.fr/theend/ldt/mashupbytag/",
    26                 annotations_by_timecode : "http://theend-integ.ftinfo.fr/theend/api/ldt/1.0/segments/bytimecode/__CONTENT_ID__/__BEGIN__/__END__",
    27                 annotations_by_timecode : "http://theend-integ.ftinfo.fr/theend/api/ldt/1.0/segments/bytimecode/__CONTENT_ID__/__BEGIN__/__END__",
    27                 post_annotation : "testdata/post-test.php",
    28                 post_annotation : "testdata/post-test.php",
    28                 tag_page : "niv2_rv.html?tag=__TAG__"
    29                 tag_page : "tag.html?tag=__TAG__"
    29             };
    30             };
    30             if (typeof window.localStorage !== "undefined" && window.localStorage.getItem !== "undefined") {
    31             if (typeof window.localStorage !== "undefined" && window.localStorage.getItem !== "undefined") {
    31                 var res = window.localStorage.getItem("resolution") || "SD";
    32                 var res = window.localStorage.getItem("resolution") || "SD";
    32             } else {
    33             } else {
    33                 var res = "SD";
    34                 var res = "SD";
    55                 });
    56                 });
    56             });
    57             });
    57         </script>
    58         </script>
    58 
    59 
    59     </head>
    60     </head>
    60     <body>
    61     <body class="player">
    61 
    62 
    62         <header>
    63         <header>
    63             <div id="title_vp">
    64             <div id="title_vp">
    64                 <a href="home.html" class= "link_prev link_img"> <img alt="Retour" src="img/retour.png" /> </a>
    65                 <a href="home.html" class= "link_prev link_img"> <img alt="Retour" src="img/retour.png" /> </a>
    65                 <h1>{{TAG}}</h1>
    66                 <h1>{{TAG}}</h1>
    95         </section>
    96         </section>
    96 
    97 
    97         <!-- Controls container -->
    98         <!-- Controls container -->
    98         <footer id="controlContainer">
    99         <footer id="controlContainer">
    99             <section id="controlbar">
   100             <section id="controlbar">
   100                 <div class="container_hcentering">
   101                 <a id="btnInfo" class="btn" href="#" title="info"></a>
   101                     <a id="btnInfo" class="btn" href="#" title="info"></a>
       
   102 
   102 
   103                     <div class="sdhdgroup">
   103                 <div class="sdhdgroup">
   104                         <a id="btnSD" class="sdhdbtn" href="#" title="SD"></a>
   104                     <a id="btnSD" class="sdhdbtn" href="#" title="SD"></a>
   105                         <div class="sdhdbtn sdhdsep"></div>
   105                     <div class="sdhdbtn sdhdsep"></div>
   106                         <a id="btnHD" class="sdhdbtn" href="#" title="HD"></a>
   106                     <a id="btnHD" class="sdhdbtn" href="#" title="HD"></a>
   107                     </div>
   107                 </div>
   108 
   108 
   109                     <div id="progressContainer" class="floatL">
   109                 <div id="progressContainer">
   110 
   110 
   111                         <div id="progressBar" class="progress_bar"></div>
   111                     <div id="progressBar"></div>
   112 
   112 
   113                         <ul id="progressTime">
   113                     <ul id="progressTime">
   114                             <li id="current" class="floatL">
   114                         <li id="current" class="floatL">
   115                                 00:00
   115                             00:00
   116                             </li>
   116                         </li>
   117                             <li id="duration" class="floatR">
   117                         <li id="duration" class="floatR">
   118                                 00:00
   118                             00:00
   119                             </li>
   119                         </li>
   120                         </ul>
   120                     </ul>
   121 
   121 
   122                     </div>
   122                 </div>
   123 
   123 
   124                     <a id="btnBck" class="btn txt_hidden" href="#" title="Back"></a>
   124                 <a id="btnBck" class="btn txt_hidden" href="#" title="Back"></a>
   125 
   125 
   126                     <!-- <a id="btnPlayPause" class="btn txt_hidden" href="#" title="play/pause"></a>
   126                 <a id="btnPlayPause" class="btn txt_hidden" href="#" title="play/pause"></a>
   127                     -->
       
   128                     <a id="btnFwd" class="btn txt_hidden" href="#" title="Forward"></a>
       
   129 
   127 
   130                     <a id="btnChoice" class="btn" href="#" title="Choice"></a>
   128                 <a id="btnFwd" class="btn txt_hidden" href="#" title="Forward"></a>
   131                 </div>
   129 
       
   130                 <a id="btnChoice" class="btn" href="#" title="Choice"></a>
   132             </section>
   131             </section>
   133             <!-- /Controlbar container -->
   132             <!-- /Controlbar container -->
   134         </footer>
   133         </footer>
   135         <!-- Metanav FranceTV 	-->
   134         <!-- Metanav FranceTV 	-->
   136         <script src="http://static.francetv.fr/js/jquery.metanav-min.js" charset="utf-8"></script>
   135         <script src="http://static.francetv.fr/js/jquery.metanav-min.js" charset="utf-8"></script>