neuw version with callback
authorsamuel huron <admin@cybunk.com>
Thu, 10 Jun 2010 19:15:21 +0200
changeset 20 f8788d4ddcfd
parent 1 436d4791d7ac
child 22 562c33513553
neuw version with callback
client/player/index-player6.html
client/player/index-player7.html
client/player/js/LdtPlayer.js
client/player/js/cinelabModelB.js
client/player/js/cinelabModel_Peter.js
--- a/client/player/index-player6.html	Wed Jun 09 16:48:35 2010 +0200
+++ b/client/player/index-player6.html	Thu Jun 10 19:15:21 2010 +0200
@@ -1,23 +1,25 @@
+ <!DOCTYPE HTML PUBLIC  "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
 <html>
 <head>
-<title>	Augmented Media Player	v 0.06  | with JWplayer</title>
+<!-- <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />-->
+	<title>	Augmented Media Player	v 0.06  | with JWplayer</title>
 
-<!-- 
-- bouton play pause / 
-- bouton next / before
-- bouton son 
-- cliquer sur annotation affiche le contenu 
-- quand sur ségment afficher l'annotation correspondante pendant x seconde 
-- controleur 
+	<!-- 
+	- bouton play pause / 
+	- bouton next / before
+	- bouton son 
+	- cliquer sur annotation affiche le contenu 
+	- quand sur ségment afficher l'annotation correspondante pendant x seconde 
+	- controleur 
 
 
-# custom CSS citizen : 
-- EEEEEE très clair
-- 8d8d8d Gris clair
-- 393939 Gris Fonçés
-- 11100F presque noir
+	# custom CSS citizen : 
+	- EEEEEE très clair
+	- 8d8d8d Gris clair
+	- 393939 Gris Fonçés
+	- 11100F presque noir
 
---> 
+	--> 
 
 <!-- ***************************************************************** -->
 <!-- EXTERNAL JAVASCRIPT / JQUERY -->
@@ -58,7 +60,7 @@
 		
 		.tooltip {
 			display:none;
-			background:transparent url(css/tooltip/white_arrow.png);
+			background:transparent url(css/jq-css/tooltip/white_arrow.png);
 			font-size:12px;
 			height:100px;
 			width:180px;
@@ -68,10 +70,14 @@
 			color:#000;	
 		}
 		
-		.annotations{
+		#Annotations{
+			padding-left:5px;
+			width:470px;
+			float:left;
 		}
 		#ldtSaTitle{
 			padding-top:2px;
+			padding-bottom:5px;
 			font-size:18px;
 			color:#FFF;	
 			height:22p;
@@ -81,24 +87,51 @@
 			color:#FFF;	
 		}
 		#ShowAnnotation{
-			position: absolute;
+			position:absolute;
 			z-index: 999;
 			padding:5px;
-			background:url(css/custom-theme/images/trans.png);padding:5px;
+			background:url(css/custom/images/transBlack.png);
+		}
+		
+		#ldtPlaceHolder{
+			position:absolue;
+			float:none;
+		}
+		.ldtControl1{
+			width:70px;
+			float:left;
+		}
+		.ldtControl2{
+			padding-left:10px;
+			width:70px;
+			float:left;
 		}
 </style>
 
 <!-- INTERFACE : SLIDER ( CONTROL BAR ) | BUTTON ()   --> 
 <script type="text/javascript">
+
 	function createInterface (width,height,duration){
 		$jIRI(function() {
 		
 			$jIRI("#Annotations").width(width-(78*2));
-			$jIRI("#ShowAnnotation").width(width);
-			//$jIRI("#ShowAnnotation").width(width);
-			$jIRI("ldtSaTitle").width(width);
-			$jIRI("ldtSaDescription").width(width);
+			$jIRI("#ShowAnnotation").width(width-10);
 			$jIRI("#controlerLdt").width(width);
+			$jIRI("#Ldtplayer1").attr("z-index","100");
+			
+			 $jIRI("#ShowAnnotation").click(function () { 
+				 $jIRI(this).slideUp(); 
+			});
+
+			var LdtpPlayerY = $jIRI("#ldtPlaceHolder").attr("top");
+			var LdtpPlayerX = $jIRI("#ldtPlaceHolder").attr("left");
+			
+			//alert(LdtpPlayerY+" | "+LdtpPlayerX);
+			<!--PB possible sur IE 7 et 6   pour show annotation -->
+			//$jIRI("#ShowAnnotation").attr("position","absolute");
+			/*$jIRI("#ShowAnnotation").attr("top",0);
+			$jIRI("#ShowAnnotation").attr("left",0);*/
+			
 			//$jIRI("#slider-range-min").roll
 			$jIRI("#slider-range-min").slider({ //range: "min",
 				value: 0,
@@ -113,9 +146,8 @@
 				}
 			});
 			$jIRI("#amount").val($jIRI("#slider-range-min").slider("value")+" s");
-			//var htmlStr = $jIRI("#slider-range-min").html();
 			
-			$jIRI(".control1 button:first").button({
+			$jIRI(".ldtControl1 button:first").button({
 				icons: {
 					primary: 'ui-icon-play'
 				},
@@ -127,7 +159,7 @@
 				 text: false
 			});
 			
-			$jIRI(".control2 button:first").button({
+			$jIRI(".ldtControl2 button:first").button({
 				icons: {
 					primary: 'ui-icon-newwin'//,
 					//secondary: 'ui-icon-volume-off'
@@ -139,6 +171,7 @@
 				},
 				 text: false
 			});
+		
 		});	
 	}
 </script>
@@ -160,18 +193,34 @@
 		if (player) { 
 			player.addModelListener("TIME", "positionListener");
 			player.addControllerListener("VOLUME", "volumeListener");
+			player.addPlayPauseListener("PLAY", "state");
 		} else {
 			setTimeout("addListeners()",100);
 		}
-		
-		
+
 		// et changer les boutons
-		
-		
 	}
 	
 	//function 
 
+	function addPlayPauseListener(obj) { 
+		if(obj){
+			$jIRI(".control1 button:first").button({
+				icons: {
+					primary: 'ui-icon-pause'
+				},
+				text: false
+			});
+		}else{
+			$jIRI(".control1 button:first").button({
+				icons: {
+					primary: 'ui-icon-play'
+				},
+				text: false
+			});
+		}
+	}
+	
 	function positionListener(obj) { 
 		currentPosition = obj.position; 
 		var tmp = document.getElementById("posit");
@@ -190,9 +239,18 @@
 	}
 
 	function createPlayer(width,height,url) {
+	
+		myUrlFragment = url.split("/");
+		//
+		file = myUrlFragment[myUrlFragment.length-3]+"/"+myUrlFragment[myUrlFragment.length-2]+"/"+myUrlFragment[myUrlFragment.length-1];
+		indexofff = url.lastIndexOf(file);
+		streamer = url.substr(0,indexofff);
+		alert(url+"="+streamer+" - "+file);
+		
 		var flashvars = {
-			streamer:"rtmp://media.iri.centrepompidou.fr/ddc_player/",
-			file:"video/stephenfrears_lesliaisonsdangereuses.flv", 
+			streamer:streamer,
+			file:file, 
+			//live:"true",
 			autostart:"true",
 			controlbar:"none"
 		}
@@ -211,13 +269,7 @@
 		swfobject.embedSWF("swf/player.swf", "ldtPlaceHolder", width, height, "9.0.115", false, flashvars, params, attributes);
 	}
 	
-	function streamOrNot(){
-		
-	}
 
-	function timeToPourcent(time,timetotal){
-		return (Math.round(time/timetotal*100));
-	}
 
 
 </script>
@@ -225,63 +277,75 @@
 <!-- LOAD JSON AND PARSE IT -->
 <script type="text/javascript">
 	
+
 	var MyLdt;
-	function loadJson (width,height,url){
-
-		$jIRI.getJSON(url,
-			function(json){
-				/* START PARSING ----------------------- */
-				/* metas , medias , annotation-types , annotations , lists , tags , views */
-				/* # fonction avec 1 seul  media et 1 seul annotation type  code a cleaner */
-				//var MyLigne;
-				
-				/* # créer le player 				   */
-				$jIRI.each(json.medias, function(i,item) {
-					$jIRI("<div></div>").appendTo("#output");
-					MyMedia = new  Media(item.id,item.url,item["dc:duration"],item['dc:title'],item['dc:description']);
-					MyMedia.createPlayer(width,height);
-				});
-
-				/* # créer la ligne 				   */
-				$jIRI.each(json['annotation-types'], function(i,item) {
-
-					MyLdt = new Ligne (item.id,item['dc:title'],item['dc:description']);
-				
-				});	
-				
-				/* # créer les annotations 				   */
-				$jIRI.each(json.annotations, function(i,item) {
-
-					MyLdt.addAnnotation(
-								item.id,
-								item.begin,
-								item.end,
-								item.media,
-								item.content.title,
-								item.content.description,
-								item.content.color);
-				
-				});	
-
-				
-				$jIRI.each(json.lists, function(i,item) {
-					trace("lists","");
-				});
-							
-				$jIRI.each(json.tags, function(i,item) {
-					trace("tags","");
-				});			
-
-				$jIRI.each(json.views, function(i,item) {
-					trace("views","");
-				});	
-				
-				
-				/* END PARSING ----------------------- */
-			  });
-			  
+	var Durration;
+	var playerLdtWidth;
+	var playerLdtHeight;
+	
+	function loadJson (width,height,urlJson){
+		
+		playerLdtWidth=width;
+		playerLdtHeight=height;
+		
+		$jIRI.ajax({
+					  dataType: 'jsonp',
+					  url:urlJson,
+					  success: function(json){
+						
+						//alert("success !");
+					
+						
+					}
+					,error: function(data){
+						  alert("ERROR : "+data);
+					}		
+				  });	
 	}
 
+	function callbackLdts(json){
+		/* START PARSING ----------------------- */
+		/* metas , medias , annotation-types , annotations , lists , tags , views */
+		/* # fonction avec 1 seul  media et 1 seul annotation type  code a cleaner */
+		/* # créer le player 				   */
+		//$jIRI.each(json.medias, function(i,item) {
+		//});
+		$jIRI("<div></div>").appendTo("#output");
+		MyMedia = new  Media(json.medias[0].id,json.medias[0].url,json.medias[0]["dc:duration"],json.medias[0]['dc:title'],json.medias[0]['dc:description']);
+		MyMedia.createPlayer(playerLdtWidth,playerLdtHeight);
+
+		/* # créer lignes 				   */
+		/*$jIRI.each(json['annotation-types'], function(i,item) {
+		});*/	
+		MyLdt = new Ligne (json['annotation-types'][0].id,json['annotation-types'][0]['dc:title'],json['annotation-types'][0]['dc:description'],json.medias[0]["dc:duration"]);
+		//alert("duration : "+json.medias[0]["dc:duration"]);
+		
+		/* # créer les annotations 				   */
+		$jIRI.each(json.annotations, function(i,item) {
+
+			MyLdt.addAnnotation(
+						item.id,
+						item.begin,
+						item.end,
+						item.media,
+						item.content.title,
+						item.content.description,
+						item.content.color);
+		
+		});	
+		$jIRI.each(json.lists, function(i,item) {
+			trace("lists","");
+		});		
+		$jIRI.each(json.tags, function(i,item) {
+			trace("tags","");
+		});	
+		$jIRI.each(json.views, function(i,item) {
+			trace("views","");
+		});	
+		/* END PARSING ----------------------- */
+		
+	}
+	
 	function trace (msg,value){
 		$jIRI("<div>"+msg+" : "+value+"</div>").appendTo("#output");
 	}
@@ -291,8 +355,13 @@
 <!-- INIT player LDT  -->
 <script type="text/javascript">
 
-	function playerLdt (width,height,file){
-			loadJson(width,height,"js/cinelabModelV1.js");
+	function playerLdt (width,height,file,divId){
+	
+		//$jIRI("#playerLdt").append("<div id=\"div1\">hello</div>");
+		
+		
+			$jIRI("#"+divId).append("<div id=\"ldtShow\">\n	<div id=\"ShowAnnotation\" class=\"demo\" >\n			<div id=\"ldtSaTitle\"></div>\n			<div id=\"ldtSaDescription\"></div>\n		</div>		<div id=\"ldtPlaceHolder\">\n			<a href=\"http://www.adobe.com/go/getflashplayer\">Get flash</a> to see this player	\n		</div>\n	</div>\n	<div id=\"controlerLdt\" class=\"demo\">\n		<div class=\"ldtControl1\" >\n			<button id=\"ldtCtrlPlay\" onclick=\"player.sendEvent('PLAY')\">Play</button>\n			<button id=\"ldtCtrlNext\" onclick=\"player.sendEvent('SEEK', currentPosition+10)\">next</button>\n		</div>\n		<div id=\"Annotations\" class=\"ui-slider\">\n			<div id=\"slider-range-min\"></div>\n		</div>\n		<div class=\"ldtControl2\">\n			<button id=\"ldtCtrlScreen\" onclick=\"player.fullscreen('true')\">Enlarge</button>\n			<button id=\"ldtCtrlSound\" onclick=\"player.sendEvent('MUTE')\">Sound</button>\n		</div>\n	</div>");
+			loadJson(width,height,file);
 	}
 	
 	
@@ -378,7 +447,7 @@
 		this.checkTime 		= checkTimeLigne;
 	}
 	
-	function Ligne (id,title,description){
+	function Ligne (id,title,description,duration){
 		this.id 		 = id;
 		this.title 		 = title;
 		this.description = description;
@@ -386,11 +455,14 @@
 		this.annotations = new Array();
 		this.addAnnotation = addLigneAnnotation;
 		this.checkTime 	= checkTimeLigne;
+		this.duration = duration;
+		trace("LIGNE  ","créer ");
 	}
 	
 	function addLigneAnnotation(id,begin,end,media,title,description,color){
-		var myAnnotation = new Annotation(id,begin,end,media,title,description,color);
+		var myAnnotation = new Annotation(id,begin,end,media,title,description,color,this.duration);
 		this.annotations.push(myAnnotation);
+		trace("LIGNE  ","add annotation ");
 	}
 	
 	function onClickLigneAnnotation(id){
@@ -412,7 +484,7 @@
 			var annotationTempo = this.annotations[i];
 			//trace("check... ",time+" = "+annotationTempo.begin+" -- "+annotationTempo.end);
 			//if (time>annotationTempo.begin){
-			if (time>annotationTempo.begin && time<annotationTempo.end){
+			if (time>annotationTempo.begin/1000 && time<annotationTempo.end/1000){
 				//trace("check ",annotationTempo.begin+" "+annotationTempo.end +" "+annotationTempo.title);
 				$jIRI("#ldtSaTitle").text(annotationTempo.title);
 				$jIRI("#ldtSaDescription").text(annotationTempo.description);
@@ -462,7 +534,7 @@
 		trace("annotation ","réussi")
 	}
 	
-	function Annotation (id,begin,end,media,title,description,color){
+	function Annotation (id,begin,end,media,title,description,color,duration){
 		this.id 			= id;
 		this.begin 			= begin;
 		this.end 			= end;
@@ -470,6 +542,7 @@
 		this.description 	= description;
 		this.title 			= title;
 		this.color 			= title;
+		this.duration		= duration;
 		//
 		this.onRollOver 	= onRollOverAnnotation;
 		//this.onClick 		= onClickAnnotation;
@@ -484,12 +557,11 @@
 	}
 	
 	function drawAnnotation (){
-		startPourcent = timeToPourcent(this.begin,6892.66); // temps du média 
-		endPourcent = timeToPourcent(this.end,6892.66)-startPourcent;
-		trace(" ### START : ",startPourcent);
-		trace(" ### END   : ",endPourcent);
-		
-		$AnnotationTemplate = "<div title='"+this.title+"' id='"+this.id+"'  class='ui-slider-range ui-slider-range-min ui-widget-header iri-chapter' width='100%' style='left:"+startPourcent+"%; width:"+endPourcent+"%; padding-top:15px; border-left:solid 1px #aaaaaa; border-right:solid 1px #aaaaaa;' onclick=\"player.sendEvent('SEEK', '"+this.begin+"');\"  ></div>";
+		//alert (this.duration);
+		startPourcent = timeToPourcent(this.begin,this.duration); // temps du média 
+		endPourcent = timeToPourcent(this.end,this.duration)-startPourcent;
+				
+		$AnnotationTemplate = "<div title='"+this.title+"' id='"+this.id+"'  class='ui-slider-range ui-slider-range-min ui-widget-header iri-chapter' width='100%' style='left:"+startPourcent+"%; width:"+endPourcent+"%; padding-top:15px; border-left:solid 1px #aaaaaa; border-right:solid 1px #aaaaaa;' onclick=\"player.sendEvent('SEEK', '"+Math.round(this.begin/1000)+"');$jIRI('#ShowAnnotation').slideDown().delay(5000).slideUp();\"  ></div> ";
 		
 
 		
@@ -503,7 +575,7 @@
 		$jIRI("<div>"+$AnnotationTemplate+"</div>").appendTo("#Annotations");
 		$jIRI("#"+this.id).tooltip({ effect: 'slide'});
 
-		trace(" ### ","ADD ANOTATION : "+this.begin+" "+this.end+" "+this.title);
+		trace(" ### ","ADD ANOTATION : "+this.begin+" "+this.end+" "+this.title+" | "+startPourcent+" | "+endPourcent+" | duration = "+this.duration);
 	}
 	
 	function tootTipAnnotation() {
@@ -516,6 +588,10 @@
 		this.tootTip();
 	}
 		
+	function timeToPourcent(time,timetotal){
+		return (parseInt(Math.round(time/timetotal*100)));
+	}
+		
 	<!-- ***************************************************************** -->
 	<!-- Class tracess -->
 	
@@ -527,31 +603,7 @@
 		
 	}
 	
-</script>
-
-<!-- TEST --> 
-<script  type="text/javascript">
-/*
-	var MyMedia = new Media("kia_closeup",
-							"rtmp://media.iri.centrepompidou.fr/ddc_player/video/stephenfrears_lesliaisonsdangereuses.flv",
-							"689266",
-							"Liaison Dangereuse",
-							"Blobal bla bla bla bla bla bla bla bla bla bla ");
 	
-	var MyLigne = new Ligne ("dp_1","titre ligne","description");
-
-	function addAnnotation(){
-		MyLigne.addAnnotation("test",
-								5000,
-								6500,
-								"kia_closeup",
-								"mon annotation",
-								"ma description bla bla bla bla",
-								"color");
-		//(id,begin,end,media,title,description,color)
-	}
-	
-*/
 	
 </script>
 
@@ -565,61 +617,21 @@
 
 
 
+
+
+<div id="playerLdt"></div>
 <script  type="text/javascript">
-	playerLdt(550,310,"http://www.cybunk.com/iritest/player-iri/js/cinelabModelV1.php");
+	//playerLdt(550,310, "js/cinelabModel_Peter.js","playerLdt");
+	playerLdt(550,310, "http://dev.prototype-w.com/wu.mu/cinelabModel_Peter.js","playerLdt");
+	//playerLdt(550,310, "http://dev.prototype-w.com/wu.mu/cinelabModelB.js","playerLdt");
 </script>
 
-<div id="playerLdt">
 
-	<!-- VIDEO PLAYER  -->
-	<div id="ldtShow">
-		<!-- Zone Affichage annotation  -->
-		<div id="ShowAnnotation" class="demo" >
-			<div id="ldtSaTitle">Test</div>
-			<div id="ldtSaDescription">le journaliste et M. Ahankhah passent le portail et se dirigent vers la 
-			</div>
-			<div id="ldtSaBoutons"> <a> Fermer </a></div>
-		</div>
-		<!-- Zone Player  -->
-		<div id="ldtPlaceHolder">
-			<a href="http://www.adobe.com/go/getflashplayer">Get flash</a> to see this player	
-		</div>
-	</div>
-	<!-- CONTROLER   -->
-	<div id="controlerLdt" class="demo">
-		<div class="control1" style="width:70px;float:left;">
-			<button id="ldtCtrlPlay" onclick="player.sendEvent('PLAY')">Play</button>
-			<button id="ldtCtrlNext" onclick="player.sendEvent('SEEK', currentPosition+10)">next</button>
-		</div>
-		<div id="Annotations" class="ui-slider" style="padding-left:5px;width:470px;float:left;">
-			<div id="slider-range-min"></div>
-		</div>
-		<div class="control2" style="padding-left:10px;width:70px;float:left;">
-			<button id="ldtCtrlScreen" onclick="player.fullscreen('true')">Enlarge</button>
-			<button id="ldtCtrlSound" onclick="player.sendEvent('MUTE')">Sound</button>
-		</div>
-	</div>
+<br/><br/><br/><br/><br/>
+	
 	<br/>
-	<!-- DEBUG -->
+	<!-- DEBUG  TESTS ET AUTRES -->
 	<div id="output" class="demo"></div>
-	
-</div>
-<br/><br/><br/><br/><br/>
-
-<div>
-	<!-- TESTS ET AUTRES  -->
-	<a href="#" onclick="player.sendEvent('PLAY')">play/pause toggle</a><br>
-	<a href="#" onclick="player.sendEvent('STOP')">stop playing and buffering</a><br>
-	<a href="#" onclick="player.sendEvent('SEEK', currentPosition+10)">seek current position +10 seconds</a><br>
-	<a href="#" onclick="player.sendEvent('SEEK', currentPosition-10)">seek current position -10 seconds</a><br>
-	<a href="#" onclick="player.sendEvent('VOLUME', currentVolume+10)">set current volume +10%</a><br>
-	<a href="#" onclick="player.sendEvent('VOLUME', currentVolume-10)">set current volume -10%</a><br>
-	<a href="#" onclick="slider.max=100">update slider </a><br>
-	<div id="vol">vol</div>
-	<div id="posit">posit</div>
-	<div id="amount"></div>
-</div>
-
 
 </body>
 </html>
\ No newline at end of file
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/client/player/index-player7.html	Thu Jun 10 19:15:21 2010 +0200
@@ -0,0 +1,116 @@
+ <!DOCTYPE HTML PUBLIC  "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+<head>
+<!-- <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />-->
+	<title>	Augmented Media Player	v 0.06  | with JWplayer</title>
+<!-- ***************************************************************** -->
+<!-- EXTERNAL JAVASCRIPT / JQUERY -->
+<script type="text/javascript" src="js/jquery-1.4.2.js"></script>
+<script type="text/javascript" src="js/ui/jquery.ui.core.js"></script>
+<script type="text/javascript" src="js/ui/jquery.ui.widget.js"></script>
+<script type="text/javascript" src="js/ui/jquery.ui.mouse.js"></script>
+<script type="text/javascript" src="js/ui/jquery.ui.slider.js"></script>
+<script type="text/javascript" src="js/ui/jquery.ui.button.js"></script>
+<script type="text/javascript" src="js/jquery.tools.min.js"></script> 
+<script type="text/javascript" src="js/swfobject.js"></script>
+
+<!-- INITIALISE JQUERY WITH NO CONFLICT VERSION -->
+<script>
+    var $jIRI = jQuery.noConflict();
+</script>
+   
+<!-- ***************************************************************** -->
+<!-- CSS QUERY --> 
+<link type="text/css" href="css/jq-css/themes/base/jquery.ui.all.css" rel="stylesheet" />
+<link type="text/css" href="css/jq-css/demos.css" rel="stylesheet" />
+
+
+<!-- ***************************************************************** -->
+<!-- CSS CUSTOM  --> 
+<style type="text/css">
+		#demo-frame > div.demo { padding: 5px !important; };
+		.iri-chapter{
+			padding-top:10px;
+			padding-bottom:5px;
+			border-left:solid 1px #aaaaaa;
+			border-right:solid 1px #aaaaaa;'
+		}
+		
+		.tooltip {
+			display:none;
+			background:transparent url(css/jq-css/tooltip/white_arrow.png);
+			font-size:12px;
+			height:100px;
+			width:180px;
+			padding:10px;
+			padding-left:15px;
+			padding-right:15px;
+			color:#000;	
+		}
+		
+		#Annotations{
+			padding-left:5px;
+			width:470px;
+			float:left;
+		}
+		#ldtSaTitle{
+			padding-top:2px;
+			padding-bottom:5px;
+			font-size:18px;
+			color:#FFF;	
+			height:22p;
+		}
+		#ldtSaDescription{
+			font-size:12px;	
+			color:#FFF;	
+		}
+		#ShowAnnotation{
+			position:absolute;
+			z-index: 999;
+			padding:5px;
+			background:url(css/custom/images/transBlack.png);
+		}
+		
+		#ldtPlaceHolder{
+			position:absolue;
+			float:none;
+		}
+		.ldtControl1{
+			width:70px;
+			float:left;
+		}
+		.ldtControl2{
+			padding-left:10px;
+			width:70px;
+			float:left;
+		}
+</style>
+
+<!-- JS IRI PLAYER FOR HEAD --> 
+<script type="text/javascript" src="js/LdtPlayer.js"></script> 
+
+</head>
+
+
+<!-- createPlayer -->
+
+<body >
+
+
+
+
+
+<div id="playerLdt"></div>
+<script  type="text/javascript">
+	playerLdt(550,310, "http://dev.prototype-w.com/wu.mu/cinelabModel_Peter.js","playerLdt");
+</script>
+
+
+<br/><br/><br/><br/><br/>
+	
+	<br/>
+	<!-- DEBUG  TESTS ET AUTRES -->
+	<div id="output" class="demo"></div>
+
+</body>
+</html>
\ No newline at end of file
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/client/player/js/LdtPlayer.js	Thu Jun 10 19:15:21 2010 +0200
@@ -0,0 +1,529 @@
+/* ----------------------------------------------------------------
+   ----------------------------------------------------------------
+   ----------------------------------------------------------------
+   
+	LDTPlayer is created by http://www.iri.centrepompidou.fr
+	2010-06-10
+	
+	Initiated By Samuel Huron < samuel.huron (at) cybunk (dot) com
+	this version is the 0.06
+	
+   ----------------------------------------------------------------
+*/
+
+
+
+
+/* ----------------------------------------------------------------
+   ----------------------------------------------------------------
+ INTERFACE : SLIDER ( CONTROL BAR ) | BUTTON ()   */
+
+
+	function createInterface (width,height,duration){
+		$jIRI(function() {
+		
+			$jIRI("#Annotations").width(width-(78*2));
+			$jIRI("#ShowAnnotation").width(width-10);
+			$jIRI("#controlerLdt").width(width);
+			$jIRI("#Ldtplayer1").attr("z-index","100");
+			
+			 $jIRI("#ShowAnnotation").click(function () { 
+				 $jIRI(this).slideUp(); 
+			});
+
+			var LdtpPlayerY = $jIRI("#ldtPlaceHolder").attr("top");
+			var LdtpPlayerX = $jIRI("#ldtPlaceHolder").attr("left");
+			
+			//alert(LdtpPlayerY+" | "+LdtpPlayerX);
+			//$jIRI("#ShowAnnotation").attr("position","absolute");
+			/*$jIRI("#ShowAnnotation").attr("top",0);
+			$jIRI("#ShowAnnotation").attr("left",0);*/
+			
+			//$jIRI("#slider-range-min").roll
+			$jIRI("#slider-range-min").slider({ //range: "min",
+				value: 0,
+				min: 1,
+				max: duration/1000,//1:54:52.66 = 3600+3240+
+				step: 0.1,
+				slide: function(event, ui) {
+					
+					//$jIRI("#amount").val(ui.value+" s");
+					player.sendEvent('SEEK', ui.value)
+					//player.sendEvent('PAUSE')
+				}
+			});
+			$jIRI("#amount").val($jIRI("#slider-range-min").slider("value")+" s");
+			
+			$jIRI(".ldtControl1 button:first").button({
+				icons: {
+					primary: 'ui-icon-play'
+				},
+				text: false
+			}).next().button({
+				icons: {
+					primary: 'ui-icon-seek-next'
+				},
+				 text: false
+			});
+			
+			$jIRI(".ldtControl2 button:first").button({
+				icons: {
+					primary: 'ui-icon-newwin'//,
+					//secondary: 'ui-icon-volume-off'
+				},
+				text: false
+			}).next().button({
+				icons: {
+					primary: 'ui-icon-volume-on'
+				},
+				 text: false
+			});
+		
+		});	
+	}
+
+/* ----------------------------------------------------------------
+   ----------------------------------------------------------------
+ CREER JW PLAYER  creation + listener */
+
+
+	var currentPosition = 0; 
+	var currentVolume   = 50; 
+	var player 			= null;
+	
+	function playerReady(thePlayer) {
+		//alert("ready");
+		player = window.document[thePlayer.id];
+		addListeners();	
+	}
+
+	function addListeners() {
+		if (player) { 
+			player.addModelListener("TIME", "positionListener");
+			player.addControllerListener("VOLUME", "volumeListener");
+			player.addPlayPauseListener("PLAY", "state");
+		} else {
+			setTimeout("addListeners()",100);
+		}
+
+		// et changer les boutons
+	}
+	
+	//function 
+
+	function addPlayPauseListener(obj) { 
+		if(obj){
+			$jIRI(".control1 button:first").button({
+				icons: {
+					primary: 'ui-icon-pause'
+				},
+				text: false
+			});
+		}else{
+			$jIRI(".control1 button:first").button({
+				icons: {
+					primary: 'ui-icon-play'
+				},
+				text: false
+			});
+		}
+	}
+	
+	function positionListener(obj) { 
+		currentPosition = obj.position; 
+		var tmp = document.getElementById("posit");
+		if (tmp) { tmp.innerHTML = "position: " + currentPosition; }
+		$jIRI("#slider-range-min").slider("value", obj.position);
+		$jIRI("#amount").val(obj.position+" s");
+		// afficher annotation 
+		
+		MyLdt.checkTime(currentPosition);
+	}
+
+	function volumeListener(obj) { 
+		currentVolume = obj.percentage; 
+		var tmp = document.getElementById("vol");
+		if (tmp) { tmp.innerHTML = "volume: " + currentVolume; }
+	}
+
+	function createPlayer(width,height,url) {
+	
+		myUrlFragment = url.split("/");
+		//
+		file = myUrlFragment[myUrlFragment.length-3]+"/"+myUrlFragment[myUrlFragment.length-2]+"/"+myUrlFragment[myUrlFragment.length-1];
+		indexofff = url.lastIndexOf(file);
+		streamer = url.substr(0,indexofff);
+		alert(url+"="+streamer+" - "+file);
+		
+		var flashvars = {
+			streamer:streamer,
+			file:file, 
+			//live:"true",
+			autostart:"true",
+			controlbar:"none"
+		}
+
+		var params = {
+			allowfullscreen:"true", 
+			allowscriptaccess:"always",
+			wmode:"transparent"
+		}
+
+		var attributes = {
+			id:"Ldtplayer1",  
+			name:"Ldtplayer1"
+		}
+
+		swfobject.embedSWF("swf/player.swf", "ldtPlaceHolder", width, height, "9.0.115", false, flashvars, params, attributes);
+	}
+	
+
+
+
+
+
+/* ----------------------------------------------------------------
+   ----------------------------------------------------------------
+
+LOAD JSON AND PARSE IT
+*/
+	
+
+	var MyLdt;
+	var Durration;
+	var playerLdtWidth;
+	var playerLdtHeight;
+	
+	function loadJson (width,height,urlJson){
+		
+		playerLdtWidth=width;
+		playerLdtHeight=height;
+		
+		$jIRI.ajax({
+					  dataType: 'jsonp',
+					  url:urlJson,
+					  success: function(json){
+						
+						//alert("success !");
+					
+						
+					}
+					,error: function(data){
+						  alert("ERROR : "+data);
+					}		
+				  });	
+	}
+
+	function callbackLdts(json){
+		/* START PARSING ----------------------- */
+		/* metas , medias , annotation-types , annotations , lists , tags , views */
+		/* # fonction avec 1 seul  media et 1 seul annotation type  code a cleaner */
+		/* # créer le player 				   */
+		//$jIRI.each(json.medias, function(i,item) {
+		//});
+		$jIRI("<div></div>").appendTo("#output");
+		MyMedia = new  Media(json.medias[0].id,json.medias[0].url,json.medias[0]["dc:duration"],json.medias[0]['dc:title'],json.medias[0]['dc:description']);
+		MyMedia.createPlayer(playerLdtWidth,playerLdtHeight);
+
+		/* # créer lignes 				   */
+		/*$jIRI.each(json['annotation-types'], function(i,item) {
+		});*/	
+		MyLdt = new Ligne (json['annotation-types'][0].id,json['annotation-types'][0]['dc:title'],json['annotation-types'][0]['dc:description'],json.medias[0]["dc:duration"]);
+		//alert("duration : "+json.medias[0]["dc:duration"]);
+		
+		/* # créer les annotations 				   */
+		$jIRI.each(json.annotations, function(i,item) {
+
+			MyLdt.addAnnotation(
+						item.id,
+						item.begin,
+						item.end,
+						item.media,
+						item.content.title,
+						item.content.description,
+						item.content.color);
+		
+		});	
+		$jIRI.each(json.lists, function(i,item) {
+			trace("lists","");
+		});		
+		$jIRI.each(json.tags, function(i,item) {
+			trace("tags","");
+		});	
+		$jIRI.each(json.views, function(i,item) {
+			trace("views","");
+		});	
+		/* END PARSING ----------------------- */
+		
+	}
+	
+	function trace (msg,value){
+		$jIRI("<div>"+msg+" : "+value+"</div>").appendTo("#output");
+	}
+
+
+	
+	
+/* ----------------------------------------------------------------
+   ----------------------------------------------------------------
+INIT player LDT  
+*/
+
+	function playerLdt (width,height,file,divId){
+	
+		//$jIRI("#playerLdt").append("<div id=\"div1\">hello</div>");
+		
+		
+			$jIRI("#"+divId).append("<div id=\"ldtShow\">\n	<div id=\"ShowAnnotation\" class=\"demo\" >\n			<div id=\"ldtSaTitle\"></div>\n			<div id=\"ldtSaDescription\"></div>\n		</div>		<div id=\"ldtPlaceHolder\">\n			<a href=\"http://www.adobe.com/go/getflashplayer\">Get flash</a> to see this player	\n		</div>\n	</div>\n	<div id=\"controlerLdt\" class=\"demo\">\n		<div class=\"ldtControl1\" >\n			<button id=\"ldtCtrlPlay\" onclick=\"player.sendEvent('PLAY')\">Play</button>\n			<button id=\"ldtCtrlNext\" onclick=\"player.sendEvent('SEEK', currentPosition+10)\">next</button>\n		</div>\n		<div id=\"Annotations\" class=\"ui-slider\">\n			<div id=\"slider-range-min\"></div>\n		</div>\n		<div class=\"ldtControl2\">\n			<button id=\"ldtCtrlScreen\" onclick=\"player.fullscreen('true')\">Enlarge</button>\n			<button id=\"ldtCtrlSound\" onclick=\"player.sendEvent('MUTE')\">Sound</button>\n		</div>\n	</div>");
+			loadJson(width,height,file);
+	}
+	
+	
+	
+
+
+/* ----------------------------------------------------------------
+   ----------------------------------------------------------------
+ API player */
+
+
+	function APIplayer (){
+
+	}
+	
+
+
+/* ----------------------------------------------------------------
+   ----------------------------------------------------------------
+	Class Media
+
+
+		"http://advene.liris.cnrs.fr/ns/frame_of_reference/ms":"o=0",
+		"id":"kia_closeup",
+		"url":"D:/Thibaut/Outils_techno/IRI-LignesDeTemps/media/video/kia_closeup_BQ.flv",
+		"dc:creator":"tcavalie",
+		"dc:created":"2010-05-04T00:00:00",
+		"dc:contributor":"tcavalie",
+		"dc:modified":"2010-05-04T00:00:00",
+		"dc:creator.contents":"Abbas Kiarostami",
+		"dc:created.contents":"1990",
+		"dc:title":"Close Up is a very very long title",
+		"dc:description":"Analyse de Close Up",
+		"dc:duration":"689266"
+	*/
+	function Media (id,url,duration,title,description){
+		this.id 		 = id;
+		this.url 		 = url;
+		this.title 		 = title;
+		this.description = description;
+		this.duration 	 = duration;
+
+		this.lignes = new Array();
+		this.updatePlayer = updatePlayerMedia;
+		this.getDuration = getMediaDuration;
+		this.createPlayer = createPlayerMedia;
+		
+		trace("Media ID :",id);
+		trace("Media URL :",this.url);
+		trace("- content : color",url);
+		trace("- content : audio",title);
+	}
+	function createPlayerMedia(width,height){
+		createPlayer(width,height,this.url,this.duration);
+		createInterface(width,height,this.duration);
+	}
+	function updatePlayerMedia(){
+		
+	}
+	function getMediaDuration(){
+		return (this.duration);
+	}
+	function getMediaTitle(){
+		return (this.title);
+	}
+	
+
+/* ----------------------------------------------------------------
+   ----------------------------------------------------------------
+ Class Ligne (annotationType) 
+	
+		"id":"dp_1",
+		"dc:creator":"tcavalie",
+		"dc:created":"2010-04-04T19:09:44",
+		"dc:contributor":"perso",
+		"dc:modified":"15/2/2008",
+		"dc:title":"dqsdkljfh qklsdhf very very very long",
+		"dc:description":"sdfg sdfg sdfg sdfg"
+	*/
+	function Ligne (){
+		this.id 			= id;
+		this.title 			= title;
+		this.description 	= description;
+		this.annotations 	= new Array();
+		this.addAnnotation  = addAnnotationligne;
+		this.clickAnnotation= onClickLigneAnnotation;
+		this.checkTime 		= checkTimeLigne;
+	}
+	
+	function Ligne (id,title,description,duration){
+		this.id 		 = id;
+		this.title 		 = title;
+		this.description = description;
+		//
+		this.annotations = new Array();
+		this.addAnnotation = addLigneAnnotation;
+		this.checkTime 	= checkTimeLigne;
+		this.duration = duration;
+		trace("LIGNE  ","créer ");
+	}
+	
+	function addLigneAnnotation(id,begin,end,media,title,description,color){
+		var myAnnotation = new Annotation(id,begin,end,media,title,description,color,this.duration);
+		this.annotations.push(myAnnotation);
+		trace("LIGNE  ","add annotation ");
+	}
+	
+	function onClickLigneAnnotation(id){
+		player.sendEvent('SEEK', this.start);
+	}
+	
+	function searchLigneAnnotation(id){
+		/*for (){
+		}*/
+	}
+	
+	function listAnnotations(){
+	
+	}
+	
+	function checkTimeLigne(time){
+		var annotationTempo;
+		for (var i=0; i < this.annotations.length; ++i){
+			var annotationTempo = this.annotations[i];
+			//trace("check... ",time+" = "+annotationTempo.begin+" -- "+annotationTempo.end);
+			//if (time>annotationTempo.begin){
+			if (time>annotationTempo.begin/1000 && time<annotationTempo.end/1000){
+				//trace("check ",annotationTempo.begin+" "+annotationTempo.end +" "+annotationTempo.title);
+				$jIRI("#ldtSaTitle").text(annotationTempo.title);
+				$jIRI("#ldtSaDescription").text(annotationTempo.description);
+				break;
+			} 
+		}
+	}
+	
+
+
+/* ----------------------------------------------------------------
+   ----------------------------------------------------------------
+  CLASSE Annotation 
+
+
+		"begin":"767",
+		"end":"785",
+		"id":"dp_1_sp_3",
+		"media":"kia_closeup",
+		"content": {
+						"mimetype":"application/x-ldt-structured",
+						"title":"mon titre",
+						"description":"ma description en &lt;b&gt;gras&lt;/b&gt; .",
+						"color":"16763904",
+						"audio":{"src":"","mimetype":"audio/mp3","href":""}
+					},
+		"meta":
+				{
+					"id-ref":"dp_1",
+					"dc:creator":"tcavalie",
+					"dc:created":"2010-04-04T19:09:44",
+					"dc:contributor":"perso",
+					"dc:modified":"9/10/2007"
+				}
+	*/
+	
+	function Annotation (){
+		this.id 			= null;
+		this.begin 			= null;
+		this.end 			= null;
+		this.media 			= null;
+		this.description	= null;
+		this.title 			= null;
+		this.color 			= null;
+		this.onRollOver 	= onRollOverAnnotation;
+		this.onClick 		= onClickAnnotation;
+		this.toolTip 		= rollOverAnnotation;
+		this.draw 			= drawAnnotation;
+		trace("annotation ","réussi")
+	}
+	
+	function Annotation (id,begin,end,media,title,description,color,duration){
+		this.id 			= id;
+		this.begin 			= begin;
+		this.end 			= end;
+		this.media 			= media;
+		this.description 	= description;
+		this.title 			= title;
+		this.color 			= title;
+		this.duration		= duration;
+		//
+		this.onRollOver 	= onRollOverAnnotation;
+		//this.onClick 		= onClickAnnotation;
+		this.toolTip 		= tootTipAnnotation;
+		this.draw 			= drawAnnotation;
+		//this.show 			= showAnnotationNotice;
+		// draw it 
+		this.draw();
+		
+		//
+		trace("Annotation created : ",id);
+	}
+	
+	function drawAnnotation (){
+		//alert (this.duration);
+		startPourcent = timeToPourcent(this.begin,this.duration); // temps du média 
+		endPourcent = timeToPourcent(this.end,this.duration)-startPourcent;
+				
+		$AnnotationTemplate = "<div title='"+this.title+"' id='"+this.id+"'  class='ui-slider-range ui-slider-range-min ui-widget-header iri-chapter' width='100%' style='left:"+startPourcent+"%; width:"+endPourcent+"%; padding-top:15px; border-left:solid 1px #aaaaaa; border-right:solid 1px #aaaaaa;' onclick=\"player.sendEvent('SEEK', '"+Math.round(this.begin/1000)+"');$jIRI('#ShowAnnotation').slideDown().delay(5000).slideUp();\"  ></div> ";
+		
+
+		
+		$toolTipTemplate = "<div class='tooltip'>"
+							+"<div class='title'>"+this.title+"</div>"
+							+"<div class='time'>"+this.begin+" : "+this.end+"</div>"
+							+"<div class='description'>"+this.description+"</div>"
+							+"</div>";
+		
+		
+		$jIRI("<div>"+$AnnotationTemplate+"</div>").appendTo("#Annotations");
+		$jIRI("#"+this.id).tooltip({ effect: 'slide'});
+
+		trace(" ### ","ADD ANOTATION : "+this.begin+" "+this.end+" "+this.title+" | "+startPourcent+" | "+endPourcent+" | duration = "+this.duration);
+	}
+	
+	function tootTipAnnotation() {
+		// 1 chercher le div correspondant
+		// 2 y mettre les information
+		return this.color + ' ' + this.type + ' apple';
+	}
+	
+	function onRollOverAnnotation(){
+		this.tootTip();
+	}
+		
+	function timeToPourcent(time,timetotal){
+		return (parseInt(Math.round(time/timetotal*100)));
+	}
+		
+		
+/* ----------------------------------------------------------------
+   ----------------------------------------------------------------
+	Class tracess */
+	
+	function Tracer (){
+		
+	}
+	
+	function addTrace(){
+		
+	}
+	
+	
+	
\ No newline at end of file
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/client/player/js/cinelabModelB.js	Thu Jun 10 19:15:21 2010 +0200
@@ -0,0 +1,274 @@
+calltest({
+  "metas":
+		{
+		"id":"blabli",
+		"main_media":{"id-ref":" "},
+		"dc:contributor":"Thibaut Cavalié",
+		"dc:created":"2006-12-14T00:00:00",
+		"dc:creator":"tcavalie",
+		"dc:modified":"2010-05-12T18:47:38",
+		"dc:title":"Le projet de Thibaut",
+		"dc:description":"Résumé du projet de Thibaut. Cool.dfb sdf sd"
+		},
+	
+  "medias":[
+				{
+					"http://advene.liris.cnrs.fr/ns/frame_of_reference/ms":"o=0",
+					"id":"kia_closeup",
+					"url":"rtmp://media.iri.centrepompidou.fr/ddc_player/video/stephenfrears_lesliaisonsdangereuses.flv",
+					"dc:creator":"tcavalie",
+					"dc:created":"2010-05-04T00:00:00",
+					"dc:contributor":"tcavalie",
+					"dc:modified":"2010-05-04T00:00:00",
+					"dc:creator.contents":"Abbas Kiarostami",
+					"dc:created.contents":"1990",
+					"dc:title":"Close Up is a very very long title",
+					"dc:description":"Analyse de Close Up",
+					"dc:duration":"6892660"
+				}
+
+			],
+			
+  "annotation-types":[
+				{
+				"id":"dp_1",
+				"dc:creator":"tcavalie",
+				"dc:created":"2010-04-04T19:09:44",
+				"dc:contributor":"perso",
+				"dc:modified":"15/2/2008",
+				"dc:title":"dqsdkljfh qklsdhf very very very long",
+				"dc:description":"sdfg sdfg sdfg sdfg"
+				}
+			],
+			
+  "annotations":[  
+				
+				{
+					"begin":"3890",
+					"end":"4060",
+					"id":"dp_1_sp_0",
+					"media":"kia_closeup",
+					"content":{
+								 "mimetype":"application/x-ldt-structured",
+								 "title":"L usurpateur se fait appréhender.",
+								 "description":"Le chauffeur s installe au volant. L usurpateur menotté, encadré des deux militaires, le journaliste et M. Ahankhah passent le portail et se dirigent vers la voiture. Le journaliste prend des photos. Les hommes prennent place dans la voiture, sauf M. Ahankhah qui parle au détenu à travers la fenêtre : il lui dit qu il peut l aider si ce dernier lui dit la vérité. Sabzian rétorque qu il sait n être qu un escroc à ses yeux. Le journaliste a oublié sa mallette, il sort de la voiture et retourne vers le portail.",
+								 "color":"6771296",
+								 "audio":{"src":"","mimetype":"audio/mp3","href":""}
+							  },
+					"meta":   {
+								"id-ref":"dp_1",
+								"dc:creator":"tcavalie",
+								"dc:created":"2010-04-04T19:09:44",
+								"dc:contributor":"DDC - IRI",
+								"dc:modified":"15/2/200"
+							  }
+				},
+
+				{
+					"begin":"4676",
+					"end":"5614",
+					"id":"dp_1_sp_1",
+					"media":"kia_closeup",
+					"content": {
+									"mimetype":"application/x-ldt-structured",
+									"title":"mon titre 1",
+									"description":"ma description en &lt;b&gt;gras&lt;/b&gt; et en &lt;i&gt;ital&lt;/i&gt;.",
+									"color":"16763904",
+									"audio":{"src":"","mimetype":"audio/mp3","href":""}
+								},
+					"meta":
+							{
+								"id-ref":"dp_1",
+								"dc:creator":"tcavalie",
+								"dc:created":"2010-04-04T19:09:44",
+								"dc:contributor":"perso",
+								"dc:modified":"9/10/2007"
+							}
+						
+				},
+				
+				{
+					"begin":"767",
+					"end":"785",
+					"id":"dp_1_sp_3",
+					"media":"kia_closeup",
+					"content": {
+									"mimetype":"application/x-ldt-structured",
+									"title":"Autre Titre",
+									"description":", ,mlkjlk dflkmjkl dflmkj lkdfmjkl jgdfmljlk jsdflkj glkmfsdjlkgm jkldfj kglj dslmsj glkjdflkjg lmksfdj lkgf jlkjgfdlk glkjg kfdljlkmdfj lfd jmfdjl fdjlkjdslk dflmjdf jlmdfj ldfjlkmjdflk jdflkjfd lkj dflkdfjldfj lkdfj kljdfljdf lmjdf lmfdjlkdfj klfd lmj sdflkjfdldmkj mlkdfs ma description en &lt;b&gt;gras&lt;/b&gt; et en &lt;i&gt;ital&lt;/i&gt;.  ....   ....   ....   .... ",
+									"color":"16763904",
+									"audio":{"src":"","mimetype":"audio/mp3","href":""}
+								},
+					"meta":
+							{
+								"id-ref":"dp_1",
+								"dc:creator":"tcavalie",
+								"dc:created":"2010-04-04T19:09:44",
+								"dc:contributor":"perso",
+								"dc:modified":"9/10/2007"
+							}
+						
+				},
+				
+				{
+					"begin":"2455",
+					"end":"2600",
+					"id":"dp_1_sp_4",
+					"media":"kia_closeup",
+					"content": {
+									"mimetype":"application/x-ldt-structured",
+									"title":"Encore autre titre ",
+									"description":" tesccdsnf lkvnmdfklmvn skjdnf kjvnmlk fgdfg df gf fgma description en &lt;b&gt;gras&lt;/b&gt; et en &lt;i&gt;ital&lt;/i&gt;. ... ... ... ",
+									"color":"16763904",
+									"audio":{"src":"","mimetype":"audio/mp3","href":""}
+								},
+					"meta":
+							{
+								"id-ref":"dp_1",
+								"dc:creator":"tcavalie",
+								"dc:created":"2010-04-04T19:09:44",
+								"dc:contributor":"perso",
+								"dc:modified":"9/10/2007"
+							}
+						
+				}
+				
+				],
+   
+   "lists":[
+				{
+					"id":"ens_perso",
+					"items":[{"id-ref":"dp_1"},{"id-ref":"dp_2"},{"id-ref":"dp_3"},{"id-ref":"dp_4"}],
+					"metas":
+						{
+							"dc:creator":"IRI",
+							"dc:created":"2010-04-04T19:09:44",
+							"dc:contributor":"undefined",
+							"dc:modified":"28/11/2006",
+							"dc:title":"Déc. personnels",
+							"dc:description":"Ensemble de découpages définis par un utilisateur",
+							"id-ref":"kia_closeup",
+							"editable":"true"
+						}
+						
+				}
+			
+			],
+	
+    "tags":[
+				{
+					"id":"gautier",
+					"metas":{
+								"dc:creator":"IRI",
+								"dc:created":"2010-04-04T19:09:44",
+								"dc:contributor":"undefined",
+								"dc:modified":"2010-05-12T18:47:32",
+								"dc:title":"gautier"
+							}
+				},
+				
+				{
+				"id":"iri",
+				"metas":{
+							"dc:creator":"IRI",
+							"dc:created":"2010-04-04T19:09:44",
+							"dc:contributor":"undefined",
+							"dc:modified":"2010-05-12T18:47:32",
+							"dc:title":"iri"
+						}
+				},
+				
+				{
+				"id":"tibo",
+				"metas":{
+							"dc:creator":"IRI",
+							"dc:created":"2010-05-12T18:47:32",
+							"dc:contributor":"IRI",
+							"dc:modified":"2010-05-12T18:47:32",
+							"dc:title":"tibo"
+						}
+				},
+				
+				{
+				"id":"bidule",
+				"metas":{
+							"dc:creator":"IRI",
+							"dc:created":"2010-05-12T18:47:32",
+							"dc:contributor":"IRI",
+							"dc:modified":"2010-05-12T18:47:32",
+							"dc:title":"bidule"
+						}
+				},
+				
+				{
+				"id":"machin",
+				"metas":{
+							"dc:creator":"IRI",
+							"dc:created":"2010-05-12T18:47:32",
+							"dc:contributor":"IRI",
+							"dc:modified":"2010-05-12T18:47:32",
+							"dc:title":"machin"
+						}
+				},
+				
+				{
+				"id":"truc",
+				"metas":{
+							"dc:creator":"IRI",
+							"dc:created":"2010-05-12T18:47:32",
+							"dc:contributor":"IRI",
+							"dc:modified":"2010-05-12T18:47:32",
+							"dc:title":"truc"
+						}
+				},
+				
+				{
+				"id":"chose",
+				"metas":{
+							"dc:creator":"IRI",
+							"dc:created":"2010-05-12T18:47:32",
+							"dc:contributor":"IRI",
+							"dc:modified":"2010-05-12T18:47:32",
+							"dc:title":"chose"
+						}
+				},
+				
+				{
+				"id":"wutbf",
+				"metas":{
+							"dc:creator":"IRI",
+							"dc:created":"2010-05-12T18:47:32",
+							"dc:contributor":"IRI",
+							"dc:modified":"2010-05-12T18:47:32",
+							"dc:title":"wutbf"
+						}
+				}
+			],
+  
+    "views":[
+				{
+				"id":"my_display_ldt",
+				"content":[
+							{
+							"mimetype":"application/x-ldt-adhoc-view",
+							"content" :{
+										"id-media-played":"kia_closeup",
+										"tc":"kia_closeup",
+										"zoom":"kia_closeup",
+										"scroll":"kia_closeup",
+										"idMediaPlayed":"kia_closeup",
+										"idMediaPlayed":"kia_closeup",
+										"audio":{"src":null,"mimetype":"audio/mp3","href":null}
+										}
+							}
+						],
+				"meta":{
+					"dc:creator":"IRI",
+					"dc:created":"2010-05-12T18:47:32",
+					"dc:contributor":"IRI",
+					"dc:modified":"2010-05-12T18:47:32",
+					"dc:title":"Affichage A"
+					  }
+				}		
+			]
+})
\ No newline at end of file
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/client/player/js/cinelabModel_Peter.js	Thu Jun 10 19:15:21 2010 +0200
@@ -0,0 +1,1 @@
+calltest({ "tags": [ { "metas": { "dc:contributor": "IRI", "dc:created": "2010-06-10T11:45:47.288689", "dc:title": "dos", "dc:modified": "2010-06-10T11:45:47.288689", "dc:creator": "IRI" }, "id": "dos" }, { "metas": { "dc:contributor": "IRI", "dc:created": "2010-06-10T11:45:47.288689", "dc:title": "tres", "dc:modified": "2010-06-10T11:45:47.288689", "dc:creator": "IRI" }, "id": "tres" }, { "metas": { "dc:contributor": "IRI", "dc:created": "2010-06-10T11:45:47.288689", "dc:title": "un", "dc:modified": "2010-06-10T11:45:47.288689", "dc:creator": "IRI" }, "id": "un" } ], "views": [], "lists": [ { "items": [ { "id-ref": "ac68f171-7483-11df-8a24-00145ea4a2be" } ], "metas": { "dc:contributor": "undefined", "dc:creator": "IRI", "id-ref": "petergreenaway_thepillowbook", "dc:title": "autogenerated", "editable": "false", "dc:modified": "2010-06-10T11:45:47.272014", "dc:created": "2010-06-10T11:45:47.272014", "dc:description": "auto generated" }, "id": "ac68f170-7483-11df-8a24-00145ea4a2be" }, { "items": [ { "id-ref": "c_B4A40FA2-028E-9474-24C9-21A8AD5ED448" } ], "metas": { "dc:contributor": "undefined", "dc:creator": "perso", "id-ref": "petergreenaway_thepillowbook", "dc:title": "Découpages personnels", "editable": "false", "dc:modified": "2010-06-10T11:45:47.285217", "dc:created": "2010-06-10T11:45:47.285217", "dc:description": "" }, "id": "ens_perso" } ], "medias": [ { "dc:contributor": "IRI", "dc:creator": "IRI", "url": "rtmp://media.iri.centrepompidou.fr/ddc_player/video/regardssignes/petergreenaway_thepillowbook.flv", "dc:title": "The Pillow Book", "dc:creator.contents": "IRI", "dc:modified": "2010-06-10T13:31:12.652566", "dc:created.contents": "2010-06-10", "http://advene.liris.cnrs.fr/ns/frame_of_reference/ms": "o=0", "dc:created": "2010-06-10T13:31:12.652481", "dc:description": "", "dc:duration": 7260960, "id": "petergreenaway_thepillowbook" } ], "metas": { "dc:contributor": "admin", "dc:creator": "admin", "dc:title": "test_pillowbook", "dc:modified": "2010-06-10T13:34:38.564070", "dc:created": "2010-06-10T13:33:05.635533", "main_media": { "id-ref": "petergreenaway_thepillowbook" }, "dc:description": "", "id": "efc1145c-7483-11df-8a24-00145ea4a2be" }, "annotations": [ { "begin": "913445", "end": 1910778, "media": "petergreenaway_thepillowbook", "content": { "mimetype": "application/x-ldt-structured", "color": "16763904", "audio": { "mimetype": "audio/mp3", "src": "", "href": "" }, "description": "", "title": "Annotation" }, "metas": { "dc:contributor": "perso", "id-ref": "c_B4A40FA2-028E-9474-24C9-21A8AD5ED448", "dc:created": "2010-06-10T11:45:47.285258", "dc:modified": "2010-06-10T11:45:47.285258", "dc:creator": "perso" }, "id": "s_F70AE4FB-27A0-32DC-1B9D-21A8C9D6C35D" } ], "annotation-types": [ { "dc:contributor": "IRI", "dc:creator": "IRI", "dc:title": "autogenerated", "id": "ac68f171-7483-11df-8a24-00145ea4a2be", "dc:created": "2010-06-10T00:00:00", "dc:description": "autogenerated", "dc:modified": "2010-06-10T00:00:00" }, { "dc:contributor": "perso", "dc:creator": "perso", "dc:title": "decoup", "id": "c_B4A40FA2-028E-9474-24C9-21A8AD5ED448", "dc:created": "2010-06-10T11:45:47.285258", "dc:description": "", "dc:modified": "2010-06-10T11:45:47.285258" } ] })
\ No newline at end of file