web/polemicaltimeline.php
changeset 598 d366aa22bd79
parent 597 07ab28bca482
child 620 953c68b4da79
equal deleted inserted replaced
597:07ab28bca482 598:d366aa22bd79
    58 	<link href='<?php echo(registry_url('PT-Sans','font'));?>' rel='stylesheet' type='text/css'/>
    58 	<link href='<?php echo(registry_url('PT-Sans','font'));?>' rel='stylesheet' type='text/css'/>
    59 	
    59 	
    60 	
    60 	
    61 	<script type="text/javascript">
    61 	<script type="text/javascript">
    62   		// Configuration Polemical Timeline
    62   		// Configuration Polemical Timeline
    63   		if (typeof jQuery == "undefined") {
    63 	if (typeof jQuery == "undefined") {
    64   		    jQuery = IriSP.jQuery;
    64 	    jQuery = IriSP.jQuery;
    65   		}
    65 	}
    66   		<?php
    66 	<?php
    67       		if(is_array($translate->_('config__metadata'))):
    67   		if(is_array($translate->_('config__metadata'))):
    68   			reset($translate->_('config__metadata'));
    68 		reset($translate->_('config__metadata'));
    69   		    $first_key = key($translate->_('config__metadata'));
    69 	    $first_key = key($translate->_('config__metadata'));
    70   		?>
    70 	?>
    71   		var metadatas = jQuery.parseJSON('<?php echo(json_encode($translate->_('config__metadata'))); ?>');
    71 	var metadatas = jQuery.parseJSON('<?php echo(json_encode($translate->_('config__metadata'))); ?>');
    72   		var url = jQuery.url();
    72 	var url = jQuery.url();
    73   		var metadata_key = url.fparam('metadata');
    73 	var metadata_key = url.fparam('metadata');
    74   		if(typeof metadata_key === "undefined" || metadata_key.length === 0) {
    74 	if(typeof metadata_key === "undefined" || metadata_key.length === 0) {
    75   			metadata_key = "<?php echo($first_key);?>";
    75 		metadata_key = "<?php echo($first_key);?>";
    76   		}
    76 	}
    77   		<?php else: ?>
    77 	<?php else: ?>
    78   		var metadatas = { metadata: {url: "<?php echo($translate->_('config__metadata'));?>"} };
    78 	var metadatas = { metadata: {url: "<?php echo($translate->_('config__metadata'));?>"} };
    79   		var metadata_key = "metadata";
    79 	var metadata_key = "metadata";
    80   		<?php endif;?>
    80 	<?php endif;?>
       
    81   		
       
    82 	
    81     IriSP.libFiles.defaultDir = "<?php echo(registry_url('libdir','js'));?>";
    83     IriSP.libFiles.defaultDir = "<?php echo(registry_url('libdir','js'));?>";
       
    84     IriSP.widgetsDir = "<?php echo(registry_url('ldtwidgets','js'));?>";
    82     IriSP.jwplayer_swf_path = "<?php echo(URL_ROOT); ?>res/mediaplayer/player.swf";
    85     IriSP.jwplayer_swf_path = "<?php echo(URL_ROOT); ?>res/mediaplayer/player.swf";
    83     IriSP.language = "<?php echo($actual) ?>"
    86     IriSP.language = "<?php echo($actual) ?>";
    84     var json_url = metadatas[metadata_key].url;
    87     
    85 
    88     var _metadata = {
    86     var config = {            
    89         url: metadatas[metadata_key].url + '?callback=?',
    87         gui:{
    90         format: 'ldt'
    88             width:650,
    91     };
    89             height:800,              
    92     var _config = {            
    90             container:'LdtPlayer',
    93         gui: {
       
    94             width: 600,
       
    95             height: 800,
       
    96             container: 'LdtPlayer',
       
    97             default_options: {
       
    98                 metadata: _metadata
       
    99             },
    91             css:'<?php echo(registry_url('metadataplayer','css'));?>',
   100             css:'<?php echo(registry_url('metadataplayer','css'));?>',
    92             default_options : {
       
    93                 metadata:{
       
    94                 format:'cinelab',
       
    95                 src: json_url,
       
    96                 type:'json'},
       
    97                 width: 650
       
    98             },
       
    99             widgets: [
   101             widgets: [
   100             {
   102                 { type: "Polemic" },
   101                 type: "PolemicWidget",
   103                 { type: "Slider" },
   102                 requires: [{
   104                 {
   103                     type: "TooltipWidget",
   105                     type: "Controller",
   104                     width: 180,
   106                     disable_annotate_btn: true
   105                     height: 160,
   107                 },
   106                     metadata : {
   108                 { type: "Segments" },
   107                         type:'empty'
   109                 { type: "Arrow" },
   108                     }
   110                 { type: "Annotation" },
   109                 }],
   111                 { type: "Tweet" },
   110                 height: 5
   112                 {
   111             },
   113                     type: "Tagcloud",
   112             {type: "SliderWidget"},        
   114                     container: "TagcloudContainer",
   113             {type: "PlayerWidget", // please note that type refers directly to the constructor of the widget.
   115                     exclude_pattern: /^@/,
   114              mode: "radio",
   116                     custom_stopwords: <?php echo json_encode(array($config['hashtag'])) ?>
   115              disable_annotate_btn: true},
   117                 },
   116             {type: "SegmentsWidget",
   118                 {
   117              requires: [{
   119                     type: "AnnotationsList",
   118               type: "TooltipWidget",
   120                     //ajax_url : "http://ldt.iri.centrepompidou.fr/ldtplatform/api/ldt/segments/{{media}}/{{begin}}/{{end}}?callback=?", 
   119               width: 180,
   121                     //foreign_url : "http://ldt.iri.centrepompidou.fr/ldtplatform/ldt/front/player/{{media}}/{{project}}/{{annotationType}}#id={{annotation}}",
   120               height: 160,
   122                     container: "AnnotationsListContainer"
   121               }],
   123                 },
   122                 width: 650
   124                 { type: "Mediafragment"},
   123             },                      
   125             ]
   124             {type: "ArrowWidget"},
   126         },
   125             {type: "TweetsWidget"},
   127         player:{
   126             {type: "AnnotationsWidget"},
   128             type:'jwplayer', // player type
   127             {type: "AnnotationsListWidget",
   129             live: true, 
   128              container: "AnnotationsListContainer",
   130             height: 360, 
   129              ajax_mode: false},
   131             width: 600, 
   130             {type: "TagCloudWidget",
   132             provider: "rtmp",
   131              container: "TagcloudContainer",
   133             autostart: true
   132         <?php if (isset($config['hashtag'])) echo "excludeWords: ".json_encode(array($config['hashtag'])).","; ?>
       
   133             excludePattern: /^@/
       
   134         },{
       
   135             type: "TraceWidget",
       
   136          //   js_console : true,
       
   137             url: "http://traces.advene.org:5000/",
       
   138             requestmode: 'GET',
       
   139             syncmode: "sync"
       
   140         }
   134         }
   141         ]
       
   142         },
       
   143       player:{
       
   144           type:'jwplayer',
       
   145           live: true, 
       
   146           height: 400, 
       
   147           width: 650, 
       
   148           provider: "rtmp",
       
   149           autostart: true
       
   150       },
       
   151       modules: [
       
   152                { type: "MediaFragment",
       
   153                          metadata:{
       
   154                        format:'cinelab',
       
   155                            src:json_url,
       
   156                              type:'json'}
       
   157                         }]
       
   158 
       
   159     };
   135     };
   160 
   136 
   161 		jQuery(document).ready(function() {
   137 		jQuery(document).ready(function() {
   162 			
   138 			
   163 			jQuery("#mdselect_"+metadata_key).attr("selected","selected");
   139 			jQuery("#mdselect_"+metadata_key).attr("selected","selected");
   291             </li>
   267             </li>
   292             <li class="acctitre">
   268             <li class="acctitre">
   293                 <h3>Mots-clés</h3>
   269                 <h3>Mots-clés</h3>
   294             </li>
   270             </li>
   295             <li class="acctexte" style="display: none;">
   271             <li class="acctexte" style="display: none;">
   296                 <div class="tagcloud" id="TagcloudContainer"></div>
   272                 <div id="TagcloudContainer"></div>
   297             </li>
   273             </li>
   298         </ul>
   274         </ul>
   299 		
   275 		
   300 	  </div>
   276 	  </div>
   301 	 
   277 	 
   312 
   288 
   313 	  <div id="mdpdroite" >
   289 	  <div id="mdpdroite" >
   314 		<div id="LdtPlayer"></div>
   290 		<div id="LdtPlayer"></div>
   315 	  </div>
   291 	  </div>
   316 <script type="text/javascript">
   292 <script type="text/javascript">
   317     IriSP.initPlayer(config, json_url);
   293     var _myPlayer = new IriSP.Metadataplayer(_config, _metadata);
   318 </script>
   294 </script>
   319   </div>
   295   </div>
   320  
   296  
   321       <div class="footer">
   297       <div class="footer">
   322           
   298