<!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 class="footer">
<div class="footer-idf">
<p class="footer-soutenu">Soutenu par le<br />Conseil Régional</p>
<a href="http://www.iledefrance.fr/" title="Région Île-de-France">
<img src="img/logo-idf.png" alt="Région Île-de-France" />
</a>
</div>
<a href="http://www.futur-en-seine.fr/" title="Festival Futur En Seine 2012">
<img src="img/logo-fens.png" class="footer-logo" alt="Festival Futur En Seine 2012" />
</a>
<a href="http://www.tralalere.com/" title="Tralalere">
<img src="img/logo-tralalere.png" class="footer-logo" alt="Tralalere" />
</a>
<a href="http://www.iri.centrepompidou.fr/" title="Institut de Recherche et d'Innovation">
<img src="img/logo-iri.png" class="footer-logo" alt="Institut de Recherche et d'Innovation" />
</a>
</div>
</div>
<script type="text/javascript">
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",
record_swf: "../../script/record_mic/record_mic.swf",
api_endpoint_template: "data/return-data.json",
api_method: "POST"
}
]
},
player:{
type: 'jwplayer',
height: 1,
width: 1,
metadata: _metadata
}
};
var _myPlayer = new IriSP.Metadataplayer(_config);
</script>
</body>
</html>