--- /dev/null Thu Jan 01 00:00:00 1970 +0000
+++ b/integration/content.html Fri Dec 14 13:07:58 2012 +0100
@@ -0,0 +1,109 @@
+<!DOCTYPE html>
+<html lang="fr">
+ <head>
+ <meta charset="utf-8">
+ <title>The End - Visionnage de la séquence "{{content.title}}"</title>
+
+ <!-- Mobile Specific Metas -->
+ <meta name="viewport" content="initial-scale=1,user-scalable=no,maximum-scale=1,width=device-width" />
+
+ <link rel="stylesheet" href="lib/jquery-ui.css" />
+ <link rel="stylesheet" href="css/theend.css" />
+ <script type="text/javascript" src="lib/jquery.min.js"></script>
+ <script type="text/javascript" src="lib/jquery-ui.min.js"></script>
+ <script type="text/javascript" src="lib/jquery.ui.touch-punch.min.js"></script>
+ <script type="text/javascript" src="lib/underscore-min.js"></script>
+ <script type="text/javascript" src="js/init.js"></script>
+ <script type="text/javascript" src="js/model.js"></script>
+ <script type="text/javascript" src="js/ldt-serializer.js"></script>
+ <script type="text/javascript" src="js/ldt-annotate.js"></script>
+ <script type="text/javascript" src="js/contentplayer.js"></script>
+ <script type="text/javascript">
+ var matches = document.location.href.match(/project=([^?&=#]+)/);
+ project = matches ? decodeURIComponent(matches[1]) : "4160b910-3a3a-11e2-9b33-12313c033dc2";
+ IriSP.endpoints = {
+ annotations_by_timecode : "http://theend-integ.ftinfo.fr/theend/api/ldt/1.0/segments/bytimecode/__CONTENT_ID__/__BEGIN__/__END__",
+ post_annotation : "testdata/post-test.php",
+ tag_page : "tag.html?tag=__TAG__"
+ };
+ $(function() {
+ IriSP.contentplayer({
+ project_url: "http://theend-integ.ftinfo.fr/theend/ldt/cljson/id/" + project
+ });
+ });
+ </script>
+
+ </head>
+ <body>
+
+ <header>
+ <div id="title_vp">
+ <a href="home.html" class= "link_prev link_img"> <img alt="Retour" src="img/retour.png" /> </a>
+ <h1>{{content.title}}</h1>
+ </div>
+ </header>
+
+ <section>
+
+ <div id="title_sequence" class="float_sequence">
+ <ul></ul>
+ </div>
+
+ <!-- Video -->
+ <div class="video_wrap">
+ <div id="video_sequence">
+ <div class="video-wait"></div>
+ </div>
+ </div>
+ <!-- /Video -->
+
+ <div id="tag_container">
+
+ <form id="form_tag">
+ <input type="text" name="tag" placeholder="Entrez vos tags ici" />
+ <input type="submit" value="OK" />
+ </form>
+
+ <div id="tag_sequence" class="float_sequence">
+ <ul></ul>
+ </div>
+
+ </div>
+ </section>
+
+ <!-- Controls container -->
+ <footer id="controlContainer">
+ <section id="controlbar">
+ <div class="container_hcentering">
+ <a id="btnInfo" class="btn" href="#" title="info"></a>
+
+ <a id="btnSDHD" class="btn" href="#" title="SD/HD"></a>
+
+ <div id="progressContainer" class="floatL">
+
+ <div id="progressBar" class="progress_bar"></div>
+
+ <ul id="progressTime">
+ <li id="current" class="floatL">
+ 0:00
+ </li>
+ <li id="duration" class="floatR">
+ 0:00
+ </li>
+ </ul>
+
+ </div>
+
+ <!-- <a id="btnPlayPause" class="btn txt_hidden" href="#" title="play/pause"></a>
+ -->
+
+ <a id="btnChoice" class="btn" href="#" title="Choice"></a>
+ </div>
+ </section>
+ <!-- /Controlbar container -->
+ </footer>
+ <!-- Metanav FranceTV -->
+ <script src="http://static.francetv.fr/js/jquery.metanav-min.js" charset="utf-8"></script>
+ <!-- JavaScript -->
+ </body>
+</html>
\ No newline at end of file