<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<title>Musitag - Futur en Seine 2012</title>
<link rel="stylesheet" type="text/css" href="css/musitag.css" />
<script type="text/javascript" src="metadataplayer/LdtPlayer-core.js"></script>
</head>
<body>
<div class="big-container">
<div class="player-header">
<div class="player-topleft">
<h1>Musitag</h1>
<div class="back-home">
<a href="home.html">Liste des chansons</a>
</div>
</div>
<div class="player-album">
<img src="media/wari-190.jpg" />
<h2>Au Clair de la Lune</h2>
<h3>Steve Waring</h3>
<div id="player-elements"></div>
</div>
</div>
<div class="player-timeline">
<div id="controller-widget"></div>
<div id="slider-widget"></div>
</div>
<div class="player-belowtl">
<div id="player-annotations"></div>
<div id="player-andyou"></div>
<div id="player-annotator"></div>
</div>
</div>
<script type="text/javascript">
IriSP.jwplayer_swf_path = "player.swf";
IriSP.libFiles.defaultDir = "libs/";
IriSP.widgetsDir = "metadataplayer";
var _metadata = {
url: 'data/au-clair-de-la-lune.json',
format: 'ldt'
};
var _config = {
gui: {
width : 1,
height : 1,
container : 'player-elements',
default_options: {
metadata: _metadata
},
css : 'metadataplayer/LdtPlayer-core.css',
widgets: [
{
type: "Controller",
container: "controller-widget"
},
{
type: "Slider",
container: "slider-widget",
minimize_timeout: false
},
{
type: "MusitagAnnotations",
container: "player-annotations"
},
{
type: "MusitagAndYou",
container: "player-andyou"
},
{
type: "MusitagAnnotator",
container: "player-annotator"
}
]
},
player:{
type: 'jwplayer',
height: 1,
width: 1
}
};
var _myPlayer = new IriSP.Metadataplayer(_config, _metadata);
</script>
</body>
</html>