--- /dev/null Thu Jan 01 00:00:00 1970 +0000
+++ b/test/index-youtube.htm Fri Feb 11 14:02:37 2011 +0100
@@ -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:'http://exp.iri.centrepompidou.fr/franceculture/franceculture/ldt/cljson/id/2627b7b0-c7d8-11df-98ca-00145ea4a2be',
+ //# load from the same server
+ //load:'json'
+ //# load from a other serveur
+ load:'jsonp'
+ },
+ 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