test/integration/polemic-platform.htm
changeset 843 75ba66457232
parent 744 76400fd4ce70
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/test/integration/polemic-platform.htm	Fri Apr 06 16:55:34 2012 +0200
@@ -0,0 +1,172 @@
+<!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>
+</head>
+
+<body>
+
+  <div style="width:650px;font-family: 'Trebuchet MS', 'Helvetica', 'Arial',  'Verdana', 'sans-serif';">
+  <h1>MetaDataPlayer</h1>
+  Integration test - Using an ldtplatform located at http://localhost/pf/
+  </div>
+  
+  
+ <!-- START Integration  ###################################### -->
+ <!-- SIMPLE PLAYER EXPERIMENTATION -->
+  <script type="text/javascript" src="../../build/LdtPlayer-release.js" type="text/javascript"></script>   
+  
+  <div id="video"></div>
+  <div id="LdtPlayer"></div>
+  <div id="Sparkline"></div>
+  <script  type="text/javascript">
+    var platf_url = "http://localhost/pf/ldtplatform/ldt/";
+    //var project_id = "47e3eef0-3ab4-11e1-9423-001d7d7c6d1d";
+    //http://localhost/pf/ldtplatform/ldt/cljson/id/
+    //var project_id = "1771a6cf-3dfd-11e1-a3d8-001d7d7c6d1d";
+    var project_id = "1771a6cf-3dfd-11e1-a3d8-001d7d7c6d1d";
+    var json_src = platf_url + "cljson/id/" + project_id;
+    
+    IriSP.widgetsDefaults["createAnnotationWidget"] = {};
+    IriSP.widgetsDefaults["createAnnotationWidget"].cinecast_version = false;
+    
+    var config = {            
+        gui:{
+            width:650,        
+            container:'LdtPlayer',
+            css:'../../src/css/LdtPlayer.css',
+            widgets: [
+             {type: "PolemicWidget",
+               width: 640, /* required for this widget */
+               height: 50,
+               metadata:{
+                format:'cinelab',
+                src:json_src,
+                type:'json'},
+                
+               requires: [{
+                type: "TooltipWidget",
+                width: 180,
+                heigh: 160,
+                metadata : {
+                  format:'cinelab',
+                  src:json_src,
+                  type:'empty'
+                }
+               }],
+            },                      
+            {type: "AnnotationsListWidget",
+             container: "AnnotationsListContainer",             
+						 metadata:{
+						  format:'cinelab',
+						  src:json_src,
+						  type:'json'}
+						},
+            {type: "SparklineWidget",
+             width: 640, /* required for this widget */
+             height: 50,            
+						 metadata:{
+						  format:'cinelab',
+						  src:json_src,
+						  type:'json'}
+						},
+            {   type: "StackGraphWidget",
+                metadata: {
+                    format:'cinelab',
+                    src:json_src,
+                    type:'json'
+                },requires: [{
+                  type: "TooltipWidget",
+                  width: 180,
+                  heigh: 160,
+                  metadata : {
+                    type:'empty'
+                  }
+                  }]
+            },
+            {type: "SliderWidget",
+						 metadata:{
+						  format:'cinelab',
+						  src:json_src,
+						  type:'json'}
+						},  
+            {type: "PlayerWidget", // please note that type refers directly to the constructor of the widget.
+             mode: "radio",
+             metadata:{
+              format:'cinelab',
+              src:json_src,
+              type:'json'}
+            },
+            {type: "SegmentsWidget",
+             metadata:{
+              format:'cinelab',
+              src:json_src,
+              type:'json'},
+             requires: [{
+              type: "TooltipWidget",
+              width: 180,
+              heigh: 160,
+              metadata : {
+                type:'empty'
+              }
+             }],
+            },            
+            {type: "SliceWidget",
+             metadata:{
+              format:'cinelab',
+              src:json_src,
+              type:'json'}
+            },            
+            {type: "ArrowWidget",
+             metadata:{
+              format:'cinelab',
+              src:json_src,
+              type:'json'}
+            },
+
+
+            {type: "AnnotationsWidget",
+						 metadata:{
+						  format:'cinelab',
+						  src:json_src,
+						  type:'json'}
+						},
+            {type: "TweetsWidget",
+						 metadata:{
+						  format:'cinelab',
+						  src:json_src,
+						  type:'json'}
+						},
+            {type: "createAnnotationWidget",
+						 metadata:{
+						  format:'cinelab',
+						  src:json_src,
+						  type:'json'}
+						}      
+            ]
+        },
+      player:{
+      type:'jwplayer', // player type
+              live: true, 
+              height: 300, 
+              width: 640, 
+              provider: "rtmp" 
+      },
+      modules: [
+               { type: "MediaFragment",
+  			     		 metadata:{
+	  	  			   format:'cinelab',
+		  				   src:json_src,
+						     type:'json'}
+						}]
+
+    };
+    
+    IriSP.initPlayer(config, json_src);
+  </script>
+  
+  
+ </body>
+ <div id="AnnotationsListContainer" style="position: absolute; width: 400px; left: 660px; top: 105px;"></div>
+ </html>