Modified the example files to use the complete source code. Included as well the developer release in the repo, for convenience.
<!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="../sbin/build/LdtPlayer-release.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>