client/player/test/index-youtube.htm
author ymh <ymh.work@gmail.com>
Fri, 28 Jan 2011 21:15:15 +0100
changeset 9 0b4d8f5f244b
parent 0 bdf22b140727
permissions -rw-r--r--
update messages
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
0
bdf22b140727 first import
ymh <ymh.work@gmail.com>
parents:
diff changeset
     1
<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
bdf22b140727 first import
ymh <ymh.work@gmail.com>
parents:
diff changeset
     2
<html dir="ltr" xml:lang="fr" 
bdf22b140727 first import
ymh <ymh.work@gmail.com>
parents:
diff changeset
     3
xmlns="http://www.w3.org/1999/xhtml" lang="fr">
bdf22b140727 first import
ymh <ymh.work@gmail.com>
parents:
diff changeset
     4
bdf22b140727 first import
ymh <ymh.work@gmail.com>
parents:
diff changeset
     5
<head>
bdf22b140727 first import
ymh <ymh.work@gmail.com>
parents:
diff changeset
     6
bdf22b140727 first import
ymh <ymh.work@gmail.com>
parents:
diff changeset
     7
</head>
bdf22b140727 first import
ymh <ymh.work@gmail.com>
parents:
diff changeset
     8
bdf22b140727 first import
ymh <ymh.work@gmail.com>
parents:
diff changeset
     9
<body>
bdf22b140727 first import
ymh <ymh.work@gmail.com>
parents:
diff changeset
    10
bdf22b140727 first import
ymh <ymh.work@gmail.com>
parents:
diff changeset
    11
	<div style="width:650px;font-family: 'Trebuchet MS', 'Helvetica', 'Arial',  'Verdana', 'sans-serif';">
bdf22b140727 first import
ymh <ymh.work@gmail.com>
parents:
diff changeset
    12
	<h1>MetaData Player </h1>
bdf22b140727 first import
ymh <ymh.work@gmail.com>
parents:
diff changeset
    13
	Iri MetaData is a javascript's Widget interface to augment existing flash or html5 video player. 
bdf22b140727 first import
ymh <ymh.work@gmail.com>
parents:
diff changeset
    14
	It's made to show time annotation and different metadata on video.
bdf22b140727 first import
ymh <ymh.work@gmail.com>
parents:
diff changeset
    15
	To implement it on your website it's 's really simple.
bdf22b140727 first import
ymh <ymh.work@gmail.com>
parents:
diff changeset
    16
	You just need to insert a div and a script, like the exemple under this lines.<br/><br/>
bdf22b140727 first import
ymh <ymh.work@gmail.com>
parents:
diff changeset
    17
	<b>/!\</b> This is the first beta version the code is not optimized ! But your feedback is needed !
bdf22b140727 first import
ymh <ymh.work@gmail.com>
parents:
diff changeset
    18
	This player was test on :
bdf22b140727 first import
ymh <ymh.work@gmail.com>
parents:
diff changeset
    19
	<ul>
bdf22b140727 first import
ymh <ymh.work@gmail.com>
parents:
diff changeset
    20
		<li>Firefox 3.6.9</li>
bdf22b140727 first import
ymh <ymh.work@gmail.com>
parents:
diff changeset
    21
		<li>Chrome 6.0.472.55</li>
bdf22b140727 first import
ymh <ymh.work@gmail.com>
parents:
diff changeset
    22
		<li>Safari 5.0.2</li>
bdf22b140727 first import
ymh <ymh.work@gmail.com>
parents:
diff changeset
    23
		<li>Internet Explore 8</li>
bdf22b140727 first import
ymh <ymh.work@gmail.com>
parents:
diff changeset
    24
	</ul>
bdf22b140727 first import
ymh <ymh.work@gmail.com>
parents:
diff changeset
    25
	This Player is a freeSoftware under <a href="http://www.cecill.info/licences/Licence_CeCILL-C_V1-en.html"/> CeCILL-C</a> license.
bdf22b140727 first import
ymh <ymh.work@gmail.com>
parents:
diff changeset
    26
	This program is made by <a href="http://www.iri.centrepompidou.fr/" >Institut de recherche et d innovation</a>
bdf22b140727 first import
ymh <ymh.work@gmail.com>
parents:
diff changeset
    27
	more information on <a href="http://www.iri.centrepompidou.fr/outils/agmented-player/" >this page</a>.
bdf22b140727 first import
ymh <ymh.work@gmail.com>
parents:
diff changeset
    28
	<br/><br/>
bdf22b140727 first import
ymh <ymh.work@gmail.com>
parents:
diff changeset
    29
	</div>
bdf22b140727 first import
ymh <ymh.work@gmail.com>
parents:
diff changeset
    30
bdf22b140727 first import
ymh <ymh.work@gmail.com>
parents:
diff changeset
    31
 <!-- START IRI EMBED    ###################################### -->
bdf22b140727 first import
ymh <ymh.work@gmail.com>
parents:
diff changeset
    32
 <!-- SIMPLE PLAYER EXPERIMENTATION -->
bdf22b140727 first import
ymh <ymh.work@gmail.com>
parents:
diff changeset
    33
	<script type="text/javascript" src="../src/js/LdtPlayer.js"></script> 
bdf22b140727 first import
ymh <ymh.work@gmail.com>
parents:
diff changeset
    34
bdf22b140727 first import
ymh <ymh.work@gmail.com>
parents:
diff changeset
    35
	<!--<input id="amount" />-->
bdf22b140727 first import
ymh <ymh.work@gmail.com>
parents:
diff changeset
    36
	
bdf22b140727 first import
ymh <ymh.work@gmail.com>
parents:
diff changeset
    37
	<div id="LdtPlayer"></div>
bdf22b140727 first import
ymh <ymh.work@gmail.com>
parents:
diff changeset
    38
	 
bdf22b140727 first import
ymh <ymh.work@gmail.com>
parents:
diff changeset
    39
	<script  type="text/javascript">	
bdf22b140727 first import
ymh <ymh.work@gmail.com>
parents:
diff changeset
    40
		var config = {
bdf22b140727 first import
ymh <ymh.work@gmail.com>
parents:
diff changeset
    41
						metadata:{
bdf22b140727 first import
ymh <ymh.work@gmail.com>
parents:
diff changeset
    42
							format:'cinelab',
bdf22b140727 first import
ymh <ymh.work@gmail.com>
parents:
diff changeset
    43
							//# URL metadata's file
bdf22b140727 first import
ymh <ymh.work@gmail.com>
parents:
diff changeset
    44
							src:'http://exp.iri.centrepompidou.fr/franceculture/franceculture/ldt/cljson/id/2627b7b0-c7d8-11df-98ca-00145ea4a2be',
bdf22b140727 first import
ymh <ymh.work@gmail.com>
parents:
diff changeset
    45
							//# load from the same server
bdf22b140727 first import
ymh <ymh.work@gmail.com>
parents:
diff changeset
    46
							//load:'json'
bdf22b140727 first import
ymh <ymh.work@gmail.com>
parents:
diff changeset
    47
							//# load from a other serveur
bdf22b140727 first import
ymh <ymh.work@gmail.com>
parents:
diff changeset
    48
							load:'jsonp'
bdf22b140727 first import
ymh <ymh.work@gmail.com>
parents:
diff changeset
    49
							},
bdf22b140727 first import
ymh <ymh.work@gmail.com>
parents:
diff changeset
    50
						gui:{
bdf22b140727 first import
ymh <ymh.work@gmail.com>
parents:
diff changeset
    51
							//# width of the video size
bdf22b140727 first import
ymh <ymh.work@gmail.com>
parents:
diff changeset
    52
							width:480,
bdf22b140727 first import
ymh <ymh.work@gmail.com>
parents:
diff changeset
    53
							//# height of the video size , 1 for the radio 
bdf22b140727 first import
ymh <ymh.work@gmail.com>
parents:
diff changeset
    54
							height:360,
bdf22b140727 first import
ymh <ymh.work@gmail.com>
parents:
diff changeset
    55
							//# mode radio or video
bdf22b140727 first import
ymh <ymh.work@gmail.com>
parents:
diff changeset
    56
							mode:'video',
bdf22b140727 first import
ymh <ymh.work@gmail.com>
parents:
diff changeset
    57
							//# Id of div container
bdf22b140727 first import
ymh <ymh.work@gmail.com>
parents:
diff changeset
    58
							container:'LdtPlayer',
bdf22b140727 first import
ymh <ymh.work@gmail.com>
parents:
diff changeset
    59
							//# to see output 
bdf22b140727 first import
ymh <ymh.work@gmail.com>
parents:
diff changeset
    60
							debug:false,
bdf22b140727 first import
ymh <ymh.work@gmail.com>
parents:
diff changeset
    61
							css:'../src/css/LdtPlayer.css'},
bdf22b140727 first import
ymh <ymh.work@gmail.com>
parents:
diff changeset
    62
						player:{
bdf22b140727 first import
ymh <ymh.work@gmail.com>
parents:
diff changeset
    63
							type:'youtube',
bdf22b140727 first import
ymh <ymh.work@gmail.com>
parents:
diff changeset
    64
							//# without youtube player UI : 
bdf22b140727 first import
ymh <ymh.work@gmail.com>
parents:
diff changeset
    65
							src:'http://www.youtube.com/apiplayer?video_id=lFtNG1wZ4zU'
bdf22b140727 first import
ymh <ymh.work@gmail.com>
parents:
diff changeset
    66
							//# with youtube player UI : 
bdf22b140727 first import
ymh <ymh.work@gmail.com>
parents:
diff changeset
    67
							//src:'http://www.youtube.com/v/lFtNG1wZ4zU'
bdf22b140727 first import
ymh <ymh.work@gmail.com>
parents:
diff changeset
    68
							}
bdf22b140727 first import
ymh <ymh.work@gmail.com>
parents:
diff changeset
    69
					};
bdf22b140727 first import
ymh <ymh.work@gmail.com>
parents:
diff changeset
    70
		__IriSP.init(config);     
bdf22b140727 first import
ymh <ymh.work@gmail.com>
parents:
diff changeset
    71
	</script>
bdf22b140727 first import
ymh <ymh.work@gmail.com>
parents:
diff changeset
    72
bdf22b140727 first import
ymh <ymh.work@gmail.com>
parents:
diff changeset
    73
bdf22b140727 first import
ymh <ymh.work@gmail.com>
parents:
diff changeset
    74
<!-- END  ################  ###################################### -->
bdf22b140727 first import
ymh <ymh.work@gmail.com>
parents:
diff changeset
    75
 </body>
bdf22b140727 first import
ymh <ymh.work@gmail.com>
parents:
diff changeset
    76
 </html>