<!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 - Polemic tweet integration test</title>
</head>
<body>
<div style="width:650px;font-family: 'Trebuchet MS', 'Helvetica', 'Arial', 'Verdana', 'sans-serif';">
<h1>MetaDataPlayer</h1>
Polemic tweet integration test - using Popcorn, jwplayer and the <a href="http://polemictweet.com">PolemicTweet</a> widget.<br>
</div>
<!-- START Integration ###################################### -->
<!-- SIMPLE PLAYER EXPERIMENTATION -->
<script type="text/javascript" src="../../build/LdtPlayer-core.js" type="text/javascript"></script>
<div id="video"></div>
<div id="LdtPlayer"></div>
<script type="text/javascript">
IriSP.libFiles.defaultDir = "/metadataplayer/src/js/libs/";
IriSP.widgetsDir = "/metadataplayer/src/widgets"
IriSP.jwplayer_swf_path = "../libs/player.swf";
var _metadata = {
url: 'http://ldt.iri.centrepompidou.fr/ldtplatform/ldt/cljson/id/f1a17368-2bc8-11e1-b21a-00145ea49a02?callback=?',
format: 'ldt'
};
var _config = {
gui: {
width:640,
height:800,
container:'LdtPlayer',
default_options: {
metadata: _metadata
},
css:'../../src/css/LdtPlayer-release.css',
widgets: [
/* {type: "PolemicWidget",
width: 640,
height: 50,
requires: [{
type: "TooltipWidget",
width: 180,
height: 160,
}],
},
{type: "StackGraphWidget",
height: 150,
streamgraph: true,
requires: [{
type: "TooltipWidget",
width: 180,
height: 160,
}],
},
{type: "SparklineWidget",
width: 640,
height: 50},
{type: "PlayerWidget"},
{type: "SegmentsWidget",
requires: [{
type: "TooltipWidget",
width: 180,
heigh: 160,
}],
},
{type: "SliceWidget"},
{type: "ArrowWidget"},
{type: "AnnotationsWidget"},
{type: "TweetsWidget"},
{type: "createAnnotationWidget"},
{type: "TagCloudWidget",
excludeWords: ['#museoweb']},, */
// {type: "TraceWidget"}
{
type: "Sparkline"
},
{
type: "Slider"
},
{
type: "Controller"
},
{
type: "Polemic"
},
{
type: "Segments"
},
{
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}}",
annotation_type : "tweet",
container: "AnnotationsListContainer"
}
]
},
player:{
type:'jwplayer', // player type
live: true,
height: 300,
width: 640,
provider: "rtmp"
},
modules: [
/* { type: "MediaFragment",
metadata:{
format:'cinelab',
src:file,
type:'json'}
}*/]
};
var _myPlayer = new IriSP.Metadataplayer(_config, _metadata);
</script>
</body>
<div id="AnnotationsListContainer" style="position: absolute; width: 400px; left: 660px; top: 105px;"></div>
</html>