front_idill/src/player/index.html
changeset 32 4003f84cd349
child 54 eb52a12370a3
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/front_idill/src/player/index.html	Mon May 14 17:20:35 2012 +0200
@@ -0,0 +1,75 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html dir="ltr" xml:lang="fr" xmlns="http://www.w3.org/1999/xhtml" lang="fr">
+
+<head>
+	<title>Metadataplayer - Polemic tweet integration test</title>
+	<meta http-equiv='cache-control' content='no-cache'>
+	<meta http-equiv='expires' content='0'>
+	<meta http-equiv='pragma' content='no-cache'>
+	<!--<script type="text/javascript" src="libs/jquery-1.7.2.min.js" type="text/javascript"></script>   -->
+</head>
+
+<body bgcolor="#FFFFFF">
+
+  <!--<div style="width:650px;font-family: 'Trebuchet MS', 'Helvetica', 'Arial',  'Verdana', 'sans-serif';">
+  <h1>MetaDataPlayer</h1>
+  Polemic tweet integration test - using Popcorn, jwplayer and the <a href="http://polemictweet.com">PolemicTweet</a> widget.<br>
+  </div>-->
+  
+  
+ <!-- START Integration  ###################################### -->
+ <!-- SIMPLE PLAYER EXPERIMENTATION -->
+  <script type="text/javascript" src="metadataplayer/LdtPlayer-core.js" type="text/javascript"></script>   
+  
+  <div id="video"></div>
+  <div id="LdtPlayer"></div>
+  
+  <script  type="text/javascript">
+  IriSP.libFiles.defaultDir = "../../lib/";
+  IriSP.widgetsDir = "metadataplayer/"
+  //IriSP.jwplayer_swf_path = "libs/player.swf";
+    var _metadata = {
+        //url: 'http://ldt.iri.centrepompidou.fr/ldtplatform/ldt/cljson/id/13b0aa52-336b-11e0-b233-00145ea49a02?callback=?',
+        //url: 'http://ldt.iri.centrepompidou.fr/ldtplatform/ldt/cljson/id/f1a17368-2bc8-11e1-b21a-00145ea49a02?callback=?', enmi
+        //url: 'http://ldt.iri.centrepompidou.fr/ldtplatform/ldt/cljson/id/d726e86a-684f-11e1-a087-00145ea4a2be?callback=?', //webze
+        //url: 'http://ldt.iri.centrepompidou.fr/ldtplatform/ldt/cljson/id/a972dbcc-26ff-11e1-8869-00145ea49a02?callback=?',
+        //url: 'http://ldt.iri.centrepompidou.fr/ldtplatform/ldt/cljson/id/3f1f08e6-66b9-11e1-80f6-00145ea4a2be?callback=?', //stronger
+        url: 'http://ldt.iri.centrepompidou.fr/ldtplatform/ldt/cljson/id/7c912bce-66b8-11e1-80f6-00145ea4a2be?callback=?', //stronger
+        format: 'ldt'
+    };
+    var _config = {            
+        gui: {
+            width:620,
+            //height:800,
+			//timelineBorderLength: 10,
+            container:'LdtPlayer',
+			default_options: {
+				metadata: _metadata
+			},
+            css:'metadataplayer/LdtPlayer-core.css',
+            widgets: [
+				{
+					type: "Timeline"
+				}
+            ]
+        },
+        player:{
+            type:'html5', // player type
+			video:'http://media.iri.centrepompidou.fr/video/ldtplatform/body_trail_cctv.mp4',
+            live: true, 
+			height: 350, 
+            width: 620, 
+			autostart: true
+            //provider: "rtmp" 
+        }
+    };
+	
+    var _myPlayer = new IriSP.Metadataplayer(_config, _metadata);
+	
+	//var playerTop = $('#LdtPlayer').position().top, playerLeft = $('#LdtPlayer').position().left;
+  </script>
+  
+  
+ </body>
+ <div id="AnnotationsListContainer" style="position: absolute; width: 400px; left: 660px; top: 105px;"></div>
+ </html>