Added an examples directory.
authorhamidouk
Thu, 08 Sep 2011 10:39:25 +0200
changeset 14 c9b9cb0e2cd9
parent 13 71c85fc80b2e
child 15 f322485d7613
Added an examples directory.
examples/index-dailymotion.htm
examples/index-youtube.htm
examples/index.htm
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/examples/index-dailymotion.htm	Thu Sep 08 10:39:25 2011 +0200
@@ -0,0 +1,63 @@
+<!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>
+
+</head>
+
+<body>
+
+	<div style="width:650px;font-family: 'Trebuchet MS', 'Helvetica', 'Arial',  'Verdana', 'sans-serif';">
+	<h1>SimplePlayer </h1>
+	Iri SimplePlayer is a javascript's Widget interface to augment existing flash or html5 video player. 
+	It's made to show time annotation and different metadata on video.
+	To implement it on your website it's 's really simple.
+	You just need to insert a div and a script, like the exemple under this lines.<br/><br/>
+	This player was test on :
+	<ul>
+		<li>Firefox 3.6.9</li>
+		<li>Chrome 6.0.472.55</li>
+		<li>Safari 5.0.2</li>
+		<li>Internet Explore 8</li>
+	</ul>
+	This Player is a freeSoftware under <a href="http://www.cecill.info/licences/Licence_CeCILL-C_V1-en.html"/> CeCILL-C</a> license.
+	This program is made by <a href="http://www.iri.centrepompidou.fr/" >Institut de recherche et d innovation</a>
+	more information on <a href="http://www.iri.centrepompidou.fr/outils/agmented-player/" >this page</a>.
+	<br/><br/>
+	</div>
+	
+ 
+ <!-- START IRI EMBED    ###################################### -->
+ <!-- SIMPLE PLAYER EXPERIMENTATION -->
+	<script type="text/javascript" src="../src/js/LdtPlayer.js"></script> 
+
+	<input id="amount" />
+	
+	<div id="LdtPlayer"></div>
+	
+	<script  type="text/javascript">	
+		var config = {
+						metadata:{
+							format:'cinelab',
+							src:'test.json',
+							load:'json'},
+						gui:{
+							width:480,
+							height:270,
+							mode:'video',
+							container:'LdtPlayer',
+							debug:true,
+							css:'../src/css/LdtPlayer.css'},
+						player:{
+							type:'dailymotion',
+							src:'http://www.dailymotion.com/swf/video/x9ah8m_colloque-transphobie-a-l-assemblee_news?additionalInfos=0'
+							}
+					};
+		__IriSP.init(config);     
+	</script>
+
+
+<!-- END  ################  ###################################### -->
+ </body>
+ </html>
\ No newline at end of file
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/examples/index-youtube.htm	Thu Sep 08 10:39:25 2011 +0200
@@ -0,0 +1,76 @@
+<!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>
+
+</head>
+
+<body>
+
+	<div style="width:650px;font-family: 'Trebuchet MS', 'Helvetica', 'Arial',  'Verdana', 'sans-serif';">
+	<h1>MetaData Player </h1>
+	Iri MetaData is a javascript's Widget interface to augment existing flash or html5 video player. 
+	It's made to show time annotation and different metadata on video.
+	To implement it on your website it's 's really simple.
+	You just need to insert a div and a script, like the exemple under this lines.<br/><br/>
+	<b>/!\</b> This is the first beta version the code is not optimized ! But your feedback is needed !
+	This player was test on :
+	<ul>
+		<li>Firefox 3.6.9</li>
+		<li>Chrome 6.0.472.55</li>
+		<li>Safari 5.0.2</li>
+		<li>Internet Explore 8</li>
+	</ul>
+	This Player is a freeSoftware under <a href="http://www.cecill.info/licences/Licence_CeCILL-C_V1-en.html"/> CeCILL-C</a> license.
+	This program is made by <a href="http://www.iri.centrepompidou.fr/" >Institut de recherche et d innovation</a>
+	more information on <a href="http://www.iri.centrepompidou.fr/outils/agmented-player/" >this page</a>.
+	<br/><br/>
+	</div>
+
+ <!-- START IRI EMBED    ###################################### -->
+ <!-- SIMPLE PLAYER EXPERIMENTATION -->
+	<script type="text/javascript" src="../src/js/LdtPlayer.js"></script> 
+
+	<!--<input id="amount" />-->
+	
+	<div id="LdtPlayer"></div>
+	 
+	<script  type="text/javascript">	
+		var config = {
+						metadata:{
+							format:'cinelab',
+							//# URL metadata's file
+							src:'test-youtube.json',
+							//# load from the same server
+							//load:'json'
+							//# load from a other serveur
+							load:'json'
+							},
+						gui:{
+							//# width of the video size
+							width:480,
+							//# height of the video size , 1 for the radio 
+							height:360,
+							//# mode radio or video
+							mode:'video',
+							//# Id of div container
+							container:'LdtPlayer',
+							//# to see output 
+							debug:false,
+							css:'../src/css/LdtPlayer.css'},
+						player:{
+							type:'youtube',
+							//# without youtube player UI : 
+							src:'http://www.youtube.com/apiplayer?video_id=lFtNG1wZ4zU'
+							//# with youtube player UI : 
+							//src:'http://www.youtube.com/v/lFtNG1wZ4zU'
+							}
+					};
+		__IriSP.init(config);     
+	</script>
+
+
+<!-- END  ################  ###################################### -->
+ </body>
+ </html>
\ No newline at end of file
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/examples/index.htm	Thu Sep 08 10:39:25 2011 +0200
@@ -0,0 +1,52 @@
+<!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>
+
+</head>
+
+<body>
+
+	<div style="width:650px;font-family: 'Trebuchet MS', 'Helvetica', 'Arial',  'Verdana', 'sans-serif';">
+	<h1>MetaDataPlayer </h1>
+	Iri MetaDataPlayer is a javascript's Widget interface to augment existing flash or html5 video player. 
+	It's made to show time annotation and different metadata on video.
+	To implement it on your website it's 's really simple.
+	You just need to insert a div and a script, like the exemple under this lines.<br/><br/>
+	This player was test on : firefox 3.6.9 / Chrome 6.0.472.55 / Safari 5.0.2 / Internet Explore 8<br/><br/>
+	This Player is a freeSoftware under <a href="http://www.cecill.info/licences/Licence_CeCILL-C_V1-en.html"> CeCILL-C</a> license.
+	This program is made by <a href="http://www.iri.centrepompidou.fr/" >Institut de recherche et d innovation</a>
+	more information on <a href="http://www.iri.centrepompidou.fr/outils/agmented-player/" >this page</a>.
+	</div>
+	
+	
+ <!-- START Integration  ###################################### -->
+ <!-- SIMPLE PLAYER EXPERIMENTATION -->
+	<script type="text/javascript" src="../src/js/LdtPlayer.js"></script> 
+	<div id="LdtPlayer"></div>
+	
+	<script  type="text/javascript">	
+		var config = {
+						metadata:{
+							format:'cinelab',
+							src:'test.json',
+							load:'json'},
+						gui:{
+							width:650,
+							height:1,
+							mode:'radio',
+							container:'LdtPlayer',
+							debug:false,
+							css:'../src/css/LdtPlayer.css'},
+						player:{
+							type:'jwplayer',
+							src:'../res/swf/player.swf'}
+					};
+		__IriSP.init(config);     
+	</script>
+	
+
+<!-- END  ################  ###################################### -->
+ </body>
+ </html>
\ No newline at end of file