|
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>SimplePlayer </h1> |
|
13 Iri SimplePlayer 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 <br/><br/> |
|
22 </div> |
|
23 |
|
24 <!-- START Integration ###################################### --> |
|
25 <!-- SIMPLE PLAYER EXPERIMENTATION --> |
|
26 <script type="text/javascript" src="../src/js/LdtPlayer.js"></script> |
|
27 |
|
28 <div id="LdtPlayer"></div> |
|
29 |
|
30 <script type="text/javascript"> |
|
31 var config = { |
|
32 metadata:{ |
|
33 format:'cinelab', |
|
34 src:'http://exp.iri.centrepompidou.fr/franceculture/franceculture/ldt/cljson/id/ef4dcc2e-8d3b-11df-8a24-00145ea4a2be', |
|
35 load:'jsonp'}, |
|
36 gui:{ |
|
37 width:650, |
|
38 height:1, |
|
39 mode:'radio', |
|
40 container:'LdtPlayer', |
|
41 debug:false, |
|
42 css:'../src/css/LdtPlayer.css'}, |
|
43 player:{ |
|
44 type:'jwplayer', |
|
45 src:'../res/swf/player.swf'} |
|
46 }; |
|
47 __IriSP.init(config); |
|
48 </script> |
|
49 |
|
50 |
|
51 <!-- END ################ ###################################### --> |
|
52 </body> |
|
53 </html> |