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 |
3 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> |
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 $lines = file("entretiens.txt"); |
|
6 |
|
7 /* thank you php docs */ |
|
8 foreach ($lines as $line_num => $line) { |
|
9 if ($line[0] == "#") |
|
10 continue; |
|
11 |
|
12 list($title, $author, $stream_id, $thumbnail, $date, $descript) = explode(";", $line); |
|
13 if ($stream_id == $_GET["stream"]) |
|
14 break; |
|
15 |
|
16 if (strlen($title) >= 37) { |
|
17 $title = substr($title, 0, 35) . "..."; |
|
18 } |
|
19 } |
|
20 ?> |
5 <head> |
21 <head> |
6 <title>Metadataplayer - Demo</title> |
22 <title>Metadataplayer - Demo</title> |
7 <link href='http://fonts.googleapis.com/css?family=PT+Sans+Narrow' rel='stylesheet' type='text/css'> |
23 <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"> |
24 <link href="style.css" rel="stylesheet" type="text/css"> |
9 <script src="LdtPlayer-release.js" type="text/javascript"></script> |
25 <script src="LdtPlayer-release.js" type="text/javascript"></script> |
26 <div id="inner_div"> |
42 <div id="inner_div"> |
27 <div id="intro_title"> |
43 <div id="intro_title"> |
28 Metadataplayer, un outil opensource pour le web |
44 Metadataplayer, un outil opensource pour le web |
29 </div> |
45 </div> |
30 |
46 |
31 <table border=0 id="content"> |
47 <table border=0 id="player_content"> |
32 <tr> |
48 <tr> |
33 <td id="left_pane"></td> |
49 <td id="left_pane"></td> |
34 <td id="right_pane"> |
50 <td id="right_pane"> |
35 <img src="../crea/imgs/technos.png" style="margin-top: 5px; margin-left: -3px;"></img> |
51 <div id="session_infos" style="padding: 5px; background-color: #bbb; width: 220px; margin-top: 5px; margin-left: -3px;"> |
|
52 |
|
53 <b><?php echo $title ?></b><br> |
|
54 par <?php echo $author ?>,<br> <?php echo $date ?>. |
|
55 </div> |
|
56 <!-- <img src="../crea/imgs/technos.png" style="margin-top: 5px; margin-left: -3px;"></img> --> |
36 <div id="caption_text"> |
57 <div id="caption_text"> |
37 Le MetaData player est une librarie opensource conçue pour afficher, produire et partager des métadonnées associées |
58 <p> |
38 à des segments de contenus audiovisuels diffusés sur le Web. |
59 <b>Description : </b> |
39 Il tire parti des derniers standards technologiques (html5, W3C mediafragment, popcorn.js de la fondation Mozilla). |
60 <?php echo $descript ?> |
40 Cette interface sera prochainement utilisée pour le festival cinecast. |
61 </p> |
41 <br><br> |
62 <p> |
42 <b>Application</b> |
63 <b>Technologie :</b> Le MetaData player est une librarie opensource conçue pour afficher, produire et partager |
43 Visualisation et navigation dans les annotations polémiques sur le film "entre les murs" de Laurent Cantet. |
64 des métadonnées associées à des segments de contenus audiovisuels diffusés sur le Web. Il tire parti des derniers |
44 <br> |
65 standards technologiques (html5, W3C mediafragment, popcorn.js de la fondation Mozilla). |
45 1500 annotations ont été produites par un groupe d'enseignants, de chercheurs, d'élèves et d'amateurs de cinéma sur |
66 </p> |
46 la plateforme lignes de temps. |
|
47 </div> |
67 </div> |
48 </td> |
68 </td> |
49 </table> |
69 </table> |
50 |
70 |
51 <div id="partners"> |
71 <div id="partners"> |