equal
deleted
inserted
replaced
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>SimplePlayer </h1> |
12 <h1>MetdataPlayer </h1> |
13 Iri SimplePlayer is a javascript's Widget interface to augment existing flash or html5 video player. |
13 Iri MetdataPlayer 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. |
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/> |
21 <br/><br/> |
22 </div> |
22 </div> |
23 |
23 |
24 <p id="output2" style="visibility:hidden"> texte</p> |
24 <p id="output2" style="visibility:hidden"> texte</p> |
25 |
25 |
|
26 <!-- |
26 <div id="LdtSearchContainer" style="margin-left:445px;"> |
27 <div id="LdtSearchContainer" style="margin-left:445px;"> |
27 <div id="LdtSearch" style="background-color:#EEE;display:block;width:165px;boder:1px;border-color:#CFCFCF;position:absolute;text-align:center;display:none;"><input id="LdtSearchInput" style="margin-top:2px;margin-bottom:2px;" /></div> |
28 <div id="LdtSearch" style="background-color:#EEE;display:block;width:165px;boder:1px;border-color:#CFCFCF;position:absolute;text-align:center;display:none;"><input id="LdtSearchInput" style="margin-top:2px;margin-bottom:2px;" /></div> |
28 </div> |
29 </div> |
|
30 --> |
29 <!-- START Integration ###################################### --> |
31 <!-- START Integration ###################################### --> |
30 <!-- SIMPLE PLAYER EXPERIMENTATION --> |
32 <!-- SIMPLE PLAYER EXPERIMENTATION --> |
31 <script type="text/javascript" src="../src/js/LdtPlayer.js"></script> |
33 <script type="text/javascript" src="../src/js/LdtPlayer.js"></script> |
32 <div id="LdtPlayer"></div> |
34 <div id="LdtPlayer"></div> |
33 |
35 |
40 gui:{ |
42 gui:{ |
41 width:650, |
43 width:650, |
42 height:1, |
44 height:1, |
43 mode:'radio', |
45 mode:'radio', |
44 container:'LdtPlayer', |
46 container:'LdtPlayer', |
45 debug:false, |
47 debug:true, |
46 css:'../src/css/LdtPlayer.css'}, |
48 css:'../src/css/LdtPlayer.css'}, |
47 player:{ |
49 player:{ |
48 type:'jwplayer', |
50 type:'jwplayer', |
49 src:'../res/swf/player.swf'} |
51 src:'../res/swf/player.swf'} |
50 }; |
52 }; |