test/integration/polemic.htm
branchpopcorn-port
changeset 213 d65dafb9273d
parent 208 49c7eec0955d
child 227 0eb060a3b656
--- a/test/integration/polemic.htm	Tue Nov 08 15:57:04 2011 +0100
+++ b/test/integration/polemic.htm	Tue Nov 08 16:51:10 2011 +0100
@@ -7,64 +7,64 @@
 
 <body>
 
-	<div style="width:650px;font-family: 'Trebuchet MS', 'Helvetica', 'Arial',  'Verdana', 'sans-serif';">
-	<h1>MetaDataPlayer </h1>
-	Polemic tweet integration test<br>
-	</div>
-	
-	
+  <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="../../build/LdtPlayer-release.js" type="text/javascript"></script> 
-	<script type="text/javascript" src="../../unittests/mockSerializer.js" type="text/javascript"></script> 
-	<script src="../../res/js/jquery.min.js" type="text/javascript"></script>
-	<script src="../../res/js/jquery.tools.min.js" type="text/javascript"></script>
-	<script src="../../res/js/jquery-ui.min.js" type="text/javascript"></script>
-	
-	<div id="video"></div>
-	<div id="LdtPlayer"></div>
-	
-	<script  type="text/javascript">
-		$(document).ready(function() {
-		var config = {						
-				gui:{
-						width:650,
-						height:2100,							
-						container:'LdtPlayer',
-						css:'../../src/css/LdtPlayer.css',
-					  widgets: [
-					  	{type: "PolemicWidget",
-						 width: 640, /* required for this widget */
-						 height: 50,
-						 heightmax: 50,
-						 metadata:{
-						  format:'cinelab',
-						  src:'polemic_fr.json',
-						  type:'json'},
-						  
-						 requires: [{
-							type: "TooltipWidget",
-							width: 180,
-							heigh: 160,
-							metadata : {
-								format:'cinelab',
-								src:'polemic.json',
-								type:'empty'
-							}
-						 }],
-						},
-						{type: "PlayerWidget", // please note that type refers directly to the constructor of the widget.
-						 mode: "radio",
-						 metadata:{
-						  format:'cinelab',
-						  src:'polemic_fr.json',
-						  type:'json'}
-						}
-					  	
-					  ]
-			  },
-			player:{
-			type:'jwplayer', // player type
+  <script type="text/javascript" src="../../build/LdtPlayer-release.js" type="text/javascript"></script> 
+  <script type="text/javascript" src="../../unittests/mockSerializer.js" type="text/javascript"></script> 
+  <script src="../../res/js/jquery.min.js" type="text/javascript"></script>
+  <script src="../../res/js/jquery.tools.min.js" type="text/javascript"></script>
+  <script src="../../res/js/jquery-ui.min.js" type="text/javascript"></script>
+  
+  <div id="video"></div>
+  <div id="LdtPlayer"></div>
+  
+  <script  type="text/javascript">
+    $(document).ready(function() {
+    var config = {            
+        gui:{
+            width:650,
+            height:2100,              
+            container:'LdtPlayer',
+            css:'../../src/css/LdtPlayer.css',
+            widgets: [
+              {type: "PolemicWidget",
+             width: 640, /* required for this widget */
+             height: 50,
+             heightmax: 50,
+             metadata:{
+              format:'cinelab',
+              src:'polemic_fr.json',
+              type:'json'},
+              
+             requires: [{
+              type: "TooltipWidget",
+              width: 180,
+              heigh: 160,
+              metadata : {
+                format:'cinelab',
+                src:'polemic.json',
+                type:'empty'
+              }
+             }],
+            },
+            {type: "PlayerWidget", // please note that type refers directly to the constructor of the widget.
+             mode: "radio",
+             metadata:{
+              format:'cinelab',
+              src:'polemic_fr.json',
+              type:'json'}
+            }
+              
+            ]
+        },
+      player:{
+      type:'jwplayer', // player type
               container: 'PopcornContainer',
               // the rest is player-dependent configuration options.
               file : "video/ldtplatform/museologie_inaugurale_20111018_flat.f4v", 
@@ -76,19 +76,19 @@
               width: 640, 
               provider: "rtmp" 
             }
-		};
-		
-		IriSP.loadLibs(IriSP.lib, config.gui.css, 
-			function() { 	
-							var layoutManager = new IriSP.LayoutManager(config.gui.container);
-							var pop = IriSP.configurePopcorn(layoutManager, config.player);
-							
-							var widgets = IriSP.configureWidgets(pop, layoutManager, config.gui); });
-		
-		});
-	</script>
-	
-	
+    };
+    
+    IriSP.loadLibs(IriSP.lib, config.gui.css, 
+      function() {   
+              var layoutManager = new IriSP.LayoutManager(config.gui.container);
+              var pop = IriSP.configurePopcorn(layoutManager, config.player);
+              
+              var widgets = IriSP.configureWidgets(pop, layoutManager, config.gui); });
+    
+    });
+  </script>
+  
+  
  </body>
  <div id="PopcornContainer"></div>
  </html>
\ No newline at end of file