7 </head> |
7 </head> |
8 |
8 |
9 <body> |
9 <body> |
10 |
10 |
11 <div style="width:650px;font-family: 'Trebuchet MS', 'Helvetica', 'Arial', 'Verdana', 'sans-serif';"> |
11 <div style="width:650px;font-family: 'Trebuchet MS', 'Helvetica', 'Arial', 'Verdana', 'sans-serif';"> |
12 <h1>MetadataPlayer </h1> |
12 <h1>MetaDataPlayer </h1> |
13 Iri MetadataPlayer is a javascript's Widget interface to augment existing flash or html5 video player. |
13 Iri MetaDataPlayer is a javascript's Widget interface to augment existing flash or html5 video player. |
14 It's made to show time annotation and different metadata on video. |
14 It's made to show time annotation and different metadata on video. |
15 To implement it on your website it's 's really simple. |
15 To implement it on your website it's 's really simple. |
16 You just need to insert a div and a script, like the exemple under this lines.<br/><br/> |
16 You just need to insert a div and a script, like the exemple under this lines.<br/><br/> |
17 This player was test on : firefox 3.6.9 / Chrome 6.0.472.55 / Safari 5.0.2 / Internet Explore 8<br/><br/> |
17 This player was test on : firefox 3.6.9 / Chrome 6.0.472.55 / Safari 5.0.2 / Internet Explore 8<br/><br/> |
18 This Player is a freeSoftware under <a href="http://www.cecill.info/licences/Licence_CeCILL-C_V1-en.html"> CeCILL-C</a> license. |
18 This Player is a freeSoftware under <a href="http://www.cecill.info/licences/Licence_CeCILL-C_V1-en.html"> CeCILL-C</a> license. |
19 This program is made by <a href="http://www.iri.centrepompidou.fr/" >Institut de recherche et d innovation</a> |
19 This program is made by <a href="http://www.iri.centrepompidou.fr/" >Institut de recherche et d innovation</a> |
20 more information on <a href="http://www.iri.centrepompidou.fr/outils/agmented-player/" >this page</a>. |
20 more information on <a href="http://www.iri.centrepompidou.fr/outils/agmented-player/" >this page</a>. |
21 <br/><br/> |
|
22 </div> |
21 </div> |
23 |
22 |
24 <p id="output2" style="visibility:hidden"> texte</p> |
|
25 |
|
26 |
23 |
27 <div id="LdtSearchContainer" style="margin-left:445px;"> |
|
28 <div id="LdtSearch" style="background-color:#EEE;display:block;width:165px;boder:1px;border-color:#CFCFCF;position:absolute;text-align:center;"><input id="LdtSearchInput" style="margin-top:2px;margin-bottom:2px;" /></div> |
|
29 </div> |
|
30 xx |
|
31 <!-- START Integration ###################################### --> |
24 <!-- START Integration ###################################### --> |
32 <!-- SIMPLE PLAYER EXPERIMENTATION --> |
25 <!-- SIMPLE PLAYER EXPERIMENTATION --> |
33 <script type="text/javascript" src="../src/js/LdtPlayer.js"></script> |
26 <script type="text/javascript" src="../src/js/LdtPlayer.js"></script> |
34 <div id="LdtPlayer"></div> |
27 <div id="LdtPlayer"></div> |
35 |
28 |