web/rsln-opendata/res/metadataplayer/test/index-videoelement.htm
changeset 120 3daa4039509a
parent 119 4c86151704e9
child 121 2b794b7901d6
equal deleted inserted replaced
119:4c86151704e9 120:3daa4039509a
     1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
       
     2 <html dir="ltr" xml:lang="fr" 
       
     3 xmlns="http://www.w3.org/1999/xhtml" lang="fr">
       
     4 
       
     5 <head>
       
     6 
       
     7 </head>
       
     8 
       
     9 <body>
       
    10 
       
    11 	<div style="width:650px;font-family: 'Trebuchet MS', 'Helvetica', 'Arial',  'Verdana', 'sans-serif';">
       
    12 	<h1>SimplePlayer </h1>
       
    13 	Iri SimplePlayer is a javascript's Widget interface to augment existing flash or html5 video player. 
       
    14 	It's made to show time annotation and different metadata on video.
       
    15 	To implement it on your website it's 's really simple.
       
    16 	You just need to insert a div and a script, like the exemple under this lines.<br/><br/>
       
    17 	This player was test on :
       
    18 	<ul>
       
    19 		<li>Firefox 3.6.9</li>
       
    20 		<li>Chrome 6.0.472.55</li>
       
    21 		<li>Safari 5.0.2</li>
       
    22 		<li>Internet Explore 8</li>
       
    23 	</ul>
       
    24 	This Player is a freeSoftware under <a href="http://www.cecill.info/licences/Licence_CeCILL-C_V1-en.html"/> CeCILL-C</a> license.
       
    25 	This program is made by <a href="http://www.iri.centrepompidou.fr/" >Institut de recherche et d innovation</a>
       
    26 	more information on <a href="http://www.iri.centrepompidou.fr/outils/agmented-player/" >this page</a>.
       
    27 	<br/><br/>
       
    28 	</div>
       
    29 	
       
    30  <!-- START Integration  ###################################### -->
       
    31  <!-- SIMPLE PLAYER EXPERIMENTATION -->
       
    32 	<script type="text/javascript" src="../src/js/LdtPlayer.js"></script> 
       
    33 
       
    34 	<div id="LdtPlayer"></div>
       
    35 	
       
    36 	<script  type="text/javascript">	
       
    37 		var config = {
       
    38 						metadata:{
       
    39 							format:'cinelab',
       
    40 							src:'http://exp.iri.centrepompidou.fr/franceculture/franceculture/ldt/cljson/id/ef4dcc2e-8d3b-11df-8a24-00145ea4a2be',
       
    41 							load:'jsonp'},
       
    42 						gui:{
       
    43 							width:650,
       
    44 							height:1,
       
    45 							mode:'radio',
       
    46 							container:'LdtPlayer',
       
    47 							debug:false,
       
    48 							css:'../src/css/LdtPlayer.css'},
       
    49 						player:{
       
    50 							type:'jwplayer',
       
    51 							src:'../res/swf/player.swf'}
       
    52 					};
       
    53 		__IriSP.init(config);     
       
    54 	</script>
       
    55 
       
    56 
       
    57 <!-- END  ################  ###################################### -->
       
    58  </body>
       
    59  </html>