test/integration/allocine_dossier_independant/polemic-allocine.htm
author cavaliet
Tue, 21 Feb 2012 17:26:51 +0100
branchpopcorn-port
changeset 819 9b8e68803f6f
child 820 7968346b9689
permissions -rw-r--r--
add allocine player, and add an full test with this allocine player.

<!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 - ALLOCINE PLAYER
  </div>
  
  
 <!-- START Integration  ###################################### -->
 <!-- SIMPLE PLAYER EXPERIMENTATION -->
  <script type="text/javascript" src="js/LdtPlayer-release.js" type="text/javascript"></script>   
  
  <div id="video"></div>
  <div id="LdtPlayer"></div>
  <div id="Sparkline"></div>
  <script  type="text/javascript">
    var json_url = 'allocine_test/exemple.json';
    
    IriSP.user = {name: 'awesome_user_name', avatar: 'allocine_test/avatar.png',};
    IriSP.libdir = "js/libs/";
    IriSP.widgetsDefaults["createAnnotationWidget"] = {};
    IriSP.widgetsDefaults["createAnnotationWidget"].cinecast_version = true;
    IriSP.widgetsDefaults["createAnnotationWidget"].keywords = ["#allocine", "#vodkaster", "#universcine"];
    IriSP.widgetsDefaults["createAnnotationWidget"].api_endpoint_template = "coucou/{{id}}.json";
    IriSP.defaults.user = function(){ return IriSP.user; };
    
    var config = {            
        gui:{
            width:650,
            height:2100,              
            container:'LdtPlayer',
            css:'css/LdtPlayer.css',
            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",             
                         metadata:{
                          format:'cinelab',
                          src:json_url,
                          type:'json'}
                        },
            {type: "SparklineWidget",
             width: 640, /* required for this widget */
             height: 50,            
                         metadata:{
                          format:'cinelab',
                          src:json_url,
                          type:'json'}
                        },
            {type: "SliderWidget",
                         metadata:{
                          format:'cinelab',
                          src:json_url,
                          type:'json'}
                        },        
            {type: "PlayerWidget", // please note that type refers directly to the constructor of the widget.
             mode: "radio",
             metadata:{
              format:'cinelab',
              src:json_url,
              type:'json'}
            },
            {type: "SegmentsWidget",
             metadata:{
              format:'cinelab',
              src:json_url,
              type:'json'},
             requires: [{
              type: "TooltipWidget",
              width: 180,
              heigh: 160,
              metadata : {
                type:'empty'
              }
             }],
            },                     
            {type: "ArrowWidget",
             metadata:{
              format:'cinelab',
              src:json_url,
              type:'json'}
            },
            {type: "TweetsWidget",
                         metadata:{
                          format:'cinelab',
                          src:json_url,
                          type:'json'}
                        },
            {type: "createAnnotationWidget",
                         metadata:{
                          format:'cinelab',
                          src:json_url,
                          type:'json'}
                        }      
            ]
        },
      player:{
      type:'allocine', // player type 
              height: 300, 
              width: 640,
              acPlayerUrl: "allocine_test/AcPlayer_v3.0.swf",
              autoPlay: "true",
              urlAcData: "allocine_test/data_cinecast.xml",
              directVideoPath: "http://hd.fr.mediaplayer.allocine.fr/nmedia/18/86/23/92/19282986_fa3_vost_sd_001.flv"
      },
      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>