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" |
|
3 xmlns="http://www.w3.org/1999/xhtml" lang="fr"> |
|
4 |
|
5 <head> |
|
6 |
|
7 </head> |
|
8 |
|
9 <body> |
|
10 |
|
11 <div style="width:650px;font-family: 'Trebuchet MS', 'Helvetica', 'Arial', 'Verdana', 'sans-serif';"> |
|
12 <h1>MetaDataPlayer </h1> |
|
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. |
|
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/> |
|
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. |
|
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>. |
|
21 </div> |
|
22 |
|
23 |
|
24 <!-- START Integration ###################################### --> |
|
25 <!-- SIMPLE PLAYER EXPERIMENTATION --> |
|
26 <script type="text/javascript" src="./LdtPlayer-release.js"></script> |
|
27 <div id="LdtPlayer"></div> |
|
28 |
|
29 <script type="text/javascript"> |
|
30 var config = { |
|
31 metadata:{ |
|
32 format:'cinelab', |
|
33 src:'test.json', |
|
34 load:'json'}, |
|
35 gui:{ |
|
36 width:650, |
|
37 height:1, |
|
38 mode:'radio', |
|
39 container:'LdtPlayer', |
|
40 debug:false, |
|
41 css:'../src/css/LdtPlayer.css'}, |
|
42 player:{ |
|
43 type:'jwplayer', |
|
44 src:'../res/swf/player.swf'} |
|
45 }; |
|
46 __IriSP.init(config); |
|
47 </script> |
|
48 |
|
49 |
|
50 <!-- END ################ ###################################### --> |
|
51 </body> |
|
52 </html> |
|