test/integration/polemic-festival.htm
changeset 843 75ba66457232
parent 810 85a278e12495
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/test/integration/polemic-festival.htm	Fri Apr 06 16:55:34 2012 +0200
@@ -0,0 +1,121 @@
+<!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 = IriSP.platform_url;
+    var project_id = "a0593b58-f258-11df-80e1-00145ea4a2be";
+    var json_url = platf_url + '/ldtplatform/ldt/cljson/id/' + project_id;
+    var config = {            
+        gui:{
+            width:650,
+            height:2100,              
+            container:'LdtPlayer',
+            css:'../../src/css/LdtPlayer.css',
+			default_options : {
+			 metadata:{
+                          format:'cinelab',
+                          src:json_url,
+                          type:'json'}
+            },
+			
+            widgets: [
+            {type: "StackGraphWidget",
+                tags : [
+                    {
+                        "keywords" : [ "élève", "souleyman", "souleiman", "koumba", "kumba", "karl", "esmeralda" ],
+                        "description" : "Mentions des élèves",
+                        "color" : "#CE0A15",
+                    },
+                    {
+                        "keywords" : [ "F.M", "françois" ],
+                        "description" : "Mentions de François",
+                        "color" : "#036AAE",
+                    },
+                    {
+                        "keywords" : [ "plan", "pano", "caméra", "plongée" ],
+                        "description" : "Descriptions de plans",
+                        "color" : "#C5A62D",   
+                    },
+                ],
+               metadata:{
+                format:'cinelab',
+                src: json_url,
+                type:'json'},
+                
+               requires: [{
+                type: "TooltipWidget",
+                width: 180,
+                heigh: 160,
+                metadata : {type:'empty'
+                }
+               }],
+            },            
+            {type: "AnnotationsListWidget",
+             container: "AnnotationsListContainer"},                                   
+            {type: "SparklineWidget",
+             width: 640, /* required for this widget */
+             height: 50,
+			},
+            {type: "SliderWidget"},        
+            {type: "PlayerWidget"},
+            {type: "SegmentsWidget",             
+             requires: [{
+              type: "TooltipWidget",
+              width: 180,
+              heigh: 160,
+              metadata : {
+                type:'empty'
+              }
+             }],
+            },                     
+            {type: "ArrowWidget",           
+            },
+            {type: "TweetsWidget",                       
+            },
+            {type: "createAnnotationWidget"}   
+            ]
+        },
+      player:{
+      type:'jwplayer', // player type
+              live: true, 
+              height: 300, 
+              width: 640, 
+              provider: "rtmp" 
+      },
+      modules: [
+               { type: "MediaFragment",
+                         metadata:{
+                       format:'cinelab',
+                           src:json_url,
+                             type:'json'}
+                        }]
+
+    };
+    
+    IriSP.initPlayer(config, json_url);
+
+  </script>
+  
+  
+ </body>
+ <div id="AnnotationsListContainer" style="position: absolute; width: 400px; left: 660px; top: 105px;"></div>
+ </html>