web/mashup/player_embed.php
changeset 205 dfda2d71838b
parent 200 df98bc033a67
child 210 ce76cecb5ca2
--- a/web/mashup/player_embed.php	Thu Jun 30 02:10:38 2011 +0200
+++ b/web/mashup/player_embed.php	Fri Jul 01 10:06:01 2011 +0200
@@ -19,9 +19,13 @@
     <title>RSLN  - Polemic player embed page</title>
 	
 	<!-- JAVASCRIPT --> 
-	<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
+	<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>		
+	<script type="text/javascript">	
+		$.noConflict();
+	</script>
 	<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.11/jquery-ui.min.js"></script>
 	<script type="text/javascript" src="../res/raphael/raphael-min.js"></script>
+	<script type='text/javascript' src='../res/metadataplayer/src/js/LdtPlayer.js'></script>
 	
 	<!-- FONT -->
 	<link href='http://fonts.googleapis.com/css?family=PT+Sans+Narrow&subset=latin' rel='stylesheet' type='text/css'>
@@ -63,6 +67,41 @@
 
 	</style>
 	<script type="text/javascript">
+	  		// Configuration Polemical Timeline
+  		<?php
+  		if(is_array($config['metadata'])) {
+  		    if(!$metadata_key) {
+  		    	reset($config['metadata']);
+  		    	$metadata_key = key($config['metadata']);
+  		    }
+  		    
+  		    $duration = $config['metadata'][$metadata_key]['duration'];
+  		    $url = $config['metadata'][$metadata_key]['url'];
+  		}
+  		else {
+  			$duration = $config['duration'];
+  		    $url = $config['metadata'];  		    
+  		}
+  		?>
+  		
+		var config = {
+					target:"chartTimeline",
+					x:8,
+					y:418,
+					width:<?php echo($player_width); ?>,
+					height:<?php echo($player_height); ?>,
+					heightmax:<?php echo($player_height); ?>,
+					duration:<?php echo($duration); ?>,
+					metadata:<?php echo($metadata); ?>
+					};
+	</script>
+	
+  	<script type='text/javascript' src='../res/metadataplayer.polemic/src/js/polemic.js'></script>
+  	<script type="text/javascript">
+  		jQuery..extend(__IriSP.lib,{jQueryToolTip:"../res/metadataplayer/res/js/jquery.tools.min.js"});
+	</script>
+  	
+	<script type="text/javascript">
 	
 	  var _gaq = _gaq || [];
 	  _gaq.push(['_setAccount', 'UA-23581291-1']);
@@ -75,23 +114,7 @@
 	  })();
 	
 	</script>
-  </head>
-  
-  <script type="text/javascript">
-  	// Configuration Polemical Timeline
-	var config = {
-					target:"chartTimeline",
-					x:8,
-					y:418,
-					width:<?php echo($player_width); ?>,
-					height:<?php echo($player_height); ?>,
-					heightmax:<?php echo($player_height); ?>,
-					duration:<?php echo($config['duration']); ?>,
-					metadata:"<?php echo($config['metadata']); ?>"
-					}
-  </script>
-  <script type='text/javascript' src='../res/metadataplayer.polemic/src/js/polemic.js'></script>
-  
+  </head>  
   <body>
   <!-- tooltip --> 
   <div id="tip">
@@ -106,28 +129,25 @@
 			var paper = Raphael(document.getElementById("chartTimeline"),config.width, config.height);
 		</script>
 		<script type='text/javascript' src='../res/metadataplayer/src/js/LdtPlayer.js'></script>
-		<script type="text/javascript">
-			$.extend(__IriSP.lib,{jQueryToolTip:"../res/metadataplayer/res/js/jquery.tools.min.js"});
-		</script>
-		<div id="player_project_843fff80-6b50-11e0-8aef-00145ea49a02_embed" class="iri_player_embed"> </div>
+		<div id="player_project_embed" class="iri_player_embed"> </div>
 		
 			<script type="text/javascript">
 				var configMP = {
 						metadata:{
 							format:'cinelab',
-							src:'<?php echo($config['metadata']); ?>',
+							src:config.metadata,
 							load:'jsonp'},
 						gui:{
-							width:<?php echo($player_width); ?>,
-							height:<?php echo($player_height); ?>,
+							width:config.width,
+							height:config.height,
 							mode:'video',
-							container:'player_project_843fff80-6b50-11e0-8aef-00145ea49a02_embed',
+							container:'player_project_embed',
 							debug:false,
 							css:'../res/css/LdtPlayer.css'},
 	
 						player:{
 							type:'jwplayer',
-							src:'http://www.iri.centrepompidou.fr//dev/ldt/static/ldt/swf/player.swf'}
+							src:'../res/metadataplayer/res/swf/player.swf'}
 					};
 				__IriSP.init(configMP);     
 			</script>