<!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>
  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-core.js" type="text/javascript"></script>   
  
  <div id="video"></div>
  <div id="LdtPlayer"></div>
  
  <script  type="text/javascript">
  IriSP.libFiles.defaultDir = "../src/js/libs/";
  IriSP.widgetsDir = "../src/widgets"
  IriSP.jwplayer_swf_path = "player.swf";
    var _metadata = {
        url: 'http://ldt.iri.centrepompidou.fr/ldtplatform/ldt/cljson/id/13b0aa52-336b-11e0-b233-00145ea49a02?callback=?',
        format: 'ldt'
    };
    var _config = {            
        gui: {
            width:620,
            height:800,
            container:'LdtPlayer',
			default_options: {
				metadata: _metadata
			},
            css:'../src/css/LdtPlayer-core.css',
            widgets: [
                { type: "Sparkline" },
                { type: "Slider" },
                { type: "Controller" },
                { type: "Polemic" },
                { type: "Segments" },
                { type: "Slice" },
                { type: "Arrow" },
                { type: "Annotation" },
                { type: "Tweet" },
                { type: "Tagcloud" },
                {
                    type: "AnnotationsList",
                    //ajax_url : "http://ldt.iri.centrepompidou.fr/ldtplatform/api/ldt/segments/{{media}}/{{begin}}/{{end}}?callback=?", 
                    //foreign_url : "http://ldt.iri.centrepompidou.fr/ldtplatform/ldt/front/player/{{media}}/{{project}}/{{annotationType}}#id={{annotation}}",
                    container: "AnnotationsListContainer"
                },
                { type: "Mediafragment"},
/*                {
                    type: "Trace",
                    js_console: true
                }
*/            ]
        },
        player:{
            type:'jwplayer', // player type
            live: true, 
            height: 300, 
            width: 620, 
            provider: "rtmp" 
        }
    };
    
    var _myPlayer = new IriSP.Metadataplayer(_config, _metadata);
  </script>
  
  
 </body>
 <div id="AnnotationsListContainer" style="position: absolute; width: 400px; left: 660px; top: 105px;"></div>
 </html>
