|
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 style="width:650px;font-family: 'Trebuchet MS', 'Helvetica', 'Arial', 'Verdana', 'sans-serif';"> |
|
10 |
|
11 <div> |
|
12 <h1>Metadata player </h1> |
|
13 Iri SimplePlayer is a javascript's Widget interface to augment existing player like : |
|
14 <ul> |
|
15 <li>Flash JW player</li> |
|
16 <li><a href="index-youtube.htm">Youtube api player</a></li> |
|
17 <li><a href="index-vimeo.htm">Vimeo api player</a></li> |
|
18 <li><a href="index-html5.htm">Html5 video tag</a></li> |
|
19 </ul> |
|
20 It's made to show time annotation and different metadata on video. |
|
21 To implement it on your website it's 's really simple. |
|
22 You just need to insert a div and a script, like the exemple under this lines.<br/><br/> |
|
23 </div> |
|
24 |
|
25 <!-- START Integration ###################################### --> |
|
26 <!-- SIMPLE PLAYER EXPERIMENTATION --> |
|
27 <script type="text/javascript" src="../src/js/LdtPlayer.js"></script> |
|
28 |
|
29 <div id="LdtPlayer"></div> |
|
30 |
|
31 <script type="text/javascript"> |
|
32 var config = { |
|
33 metadata:{ |
|
34 format:'cinelab', |
|
35 src:'http://exp.iri.centrepompidou.fr/franceculture/franceculture/ldt/cljson/id/ef4dcc2e-8d3b-11df-8a24-00145ea4a2be', |
|
36 load:'jsonp'}, |
|
37 gui:{ |
|
38 width:650, |
|
39 height:1, |
|
40 mode:'radio', |
|
41 container:'LdtPlayer', |
|
42 debug:false, |
|
43 css:'../src/css/LdtPlayer.css'}, |
|
44 player:{ |
|
45 type:'jwplayer', |
|
46 src:'../res/swf/player.swf'} |
|
47 }; |
|
48 __IriSP.init(config); |
|
49 </script> |
|
50 |
|
51 <!-- END ################ ###################################### --> |
|
52 <div style="position:absolute;top:600px;width:650px;"> |
|
53 This player was test on : firefox 3.6.9 / Chrome 6.0.472.55 / Safari 5.0.2 / Internet Explore 8<br/> |
|
54 It's a freeSoftware under <a href="http://www.cecill.info/licences/Licence_CeCILL-C_V1-en.html"/> CeCILL-C</a> license. |
|
55 This program is made by <a href="http://www.iri.centrepompidou.fr/" >Institut de recherche et d innovation</a> |
|
56 more information on <a href="http://www.iri.centrepompidou.fr/outils/agmented-player/" >this page</a>. |
|
57 </div> |
|
58 </body> |
|
59 </html> |