<!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>
<title>Metadataplayer test with Youtube</title>
</head>
<body>
<script type="text/javascript" src="../build/LdtPlayer-core.js" type="text/javascript"></script>
<div id="LdtPlayer"></div>
<script type="text/javascript">
IriSP.libFiles.defaultDir = "../src/js/libs/";
IriSP.widgetsDir = "../src/widgets"
var _metadata = {
url: 'http://ldt.iri.centrepompidou.fr/ldtplatform/ldt/cljson/id/78bb591c-6392-11e1-92e8-00145ea49a02?callback=?',
format: 'ldt'
};
var _config = {
gui: {
width:620,
container:'LdtPlayer',
default_options: {
metadata: _metadata
},
css:'../src/css/LdtPlayer-core.css',
widgets: [
{ type: "Sparkline" },
{ type: "Slider" },
{ type: "Controller" },
{ type: "Arrow" },
{ type: "Annotation" },
{
type: "AnnotationsList",
ajax_url : "http://ldt.iri.centrepompidou.fr/ldtplatform/api/ldt/segments/{{media}}/{{begin}}/{{end}}?callback=?",
//foreign_url : "http://ldt.iri.centrepompidou.fr/ldtplatform/ldt/front/player/{{media}}/{{project}}/{{annotationType}}#id={{annotation}}",
container: "AnnotationsListContainer"
},
{ type: "Mediafragment"},
/* {
type: "Trace",
js_console: true
}
*/ ]
},
player:{
type:'youtube', // player type
live: true,
height: 350,
width: 620,
provider: "rtmp" ,
autostart: true
}
};
var _myPlayer = new IriSP.Metadataplayer(_config, _metadata);
</script>
<div id="AnnotationsListContainer" style="position: absolute; width: 400px; left: 660px; top: 0;"></div>
</body>
</html>