1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> |
1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> |
2 <html dir="ltr" xml:lang="fr" xmlns="http://www.w3.org/1999/xhtml" lang="fr"> |
2 <html dir="ltr" xml:lang="fr" xmlns="http://www.w3.org/1999/xhtml" lang="fr"> |
3 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> |
3 |
4 <?php $url = "http://www.iri.centrepompidou.fr/dev/ldt/ldtplatform/ldt/cljson/id/" . $_GET["stream"] ?> |
4 <?php $url = "http://www.iri.centrepompidou.fr/dev/ldt/ldtplatform/ldt/cljson/id/" . $_GET["stream"] ?> |
5 <head> |
5 <head> |
6 <title>Metadataplayer - Demo</title> |
6 <title>Metadataplayer - Demo</title> |
7 <link href='http://fonts.googleapis.com/css?family=PT+Sans+Narrow' rel='stylesheet' type='text/css'> |
7 <link href='http://fonts.googleapis.com/css?family=PT+Sans+Narrow' rel='stylesheet' type='text/css'> |
8 <link href="style.css" rel="stylesheet" type="text/css"> |
8 <link href="style.css" rel="stylesheet" type="text/css"> |
13 |
13 |
14 </head> |
14 </head> |
15 |
15 |
16 <body> |
16 <body> |
17 <div id="outer_div"> |
17 <div id="outer_div"> |
18 <div id="banner"> |
18 <img src="../crea/imgs/edition_2011.png" style="position: absolute; z-index: 3; margin-left: 12px;"></img> |
19 <img src="../crea/imgs/enmi_logo.png" style="margin-left: 45px; float: left;"></img> |
19 <div id="banner"> |
20 <img src="../crea/imgs/iri.png" style="margin-right: 32px; float: right;"></img> |
20 <img src="../crea/imgs/enmi_logo.png" style="margin-left: 51px; float: left;"></img> |
21 <div style="clear: both;"></div> |
21 <div style="clear: both;"></div> |
22 </div> |
22 </div> |
23 |
23 |
24 <div id="inner_div"> |
24 <div id="inner_div"> |
25 <div id="intro_title"> |
25 <div id="intro_title"> |
26 Metadataplayer, un outil opensource pour le web |
26 Metadataplayer, un outil opensource pour le web |
27 </div> |
27 </div> |
28 |
28 |
29 <table border=0 id="content"> |
29 <table border=0 id="content"> |
30 <tr> |
30 <tr> |
31 <td id="left_pane"></td> |
31 <td id="left_pane"></td> |
32 <td id="right_pane"> |
32 <td id="right_pane"> |
33 <img src="imgs/technos.png" style="margin-top: 5px; margin-left: -3px;"></img> |
33 <img src="../crea/imgs/technos.png" style="margin-top: 5px; margin-left: -3px;"></img> |
34 <div id="caption_text"> |
34 <div id="caption_text"> |
35 Le MetaData player est une librarie opensource conçue pour afficher, produire et partager des métadonnées associées |
35 Le MetaData player est une librarie opensource conçue pour afficher, produire et partager des métadonnées associées |
36 à des segments de contenus audiovisuels diffusés sur le Web. |
36 à des segments de contenus audiovisuels diffusés sur le Web. |
37 Il tire parti des derniers standards technologiques (html5, W3C mediafragment, popcorn.js de la fondation Mozilla). |
37 Il tire parti des derniers standards technologiques (html5, W3C mediafragment, popcorn.js de la fondation Mozilla). |
38 Cette interface sera prochainement utilisée pour le festival cinecast. |
38 Cette interface sera prochainement utilisée pour le festival cinecast. |
44 la plateforme lignes de temps. |
44 la plateforme lignes de temps. |
45 </div> |
45 </div> |
46 </td> |
46 </td> |
47 </table> |
47 </table> |
48 |
48 |
49 <div id="partners"> |
49 <div id="partners"> |
50 <h4 style="padding: 5px; margin: 0px;">Partenaires</h4> |
50 <a href="http://www.iri.centrepompidou.fr" target="_blank"><img src="../crea/imgs/iri_logo.png"></a> |
51 <img src="../crea/imgs/partners.png"></img> |
51 <a href="http://www.capdigital.com/" target="_blank"><img src="../crea/imgs/capd_logo.png"></a> |
|
52 <a href="http://www.ensci.com/" target="_blank"><img src="../crea/imgs/ensci_logo.png"></a> |
|
53 <a href="http://www.institut-telecom.fr/" target="_blank"><img src="../crea/imgs/institut_telecom_logo.png"></a> |
|
54 <a href="http://fing.org" target="_blank"><img src="../crea/imgs/fing_logo.png"></a> |
|
55 <a href="http://www.alcatel-lucent.com" target="_blank"><img src="../crea/imgs/alcatel_logo.png"></a> |
52 </div> |
56 </div> |
53 |
57 |
54 <div id="footer"> |
58 <div id="footer"> |
55 <a href="http://www.iri.centrepompidou.fr">iri.centrepompidou.fr</a> |
59 <a href="http://www.iri.centrepompidou.fr">iri.centrepompidou.fr</a> |
56 </div> |
60 </div> |