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>MetaData Player </h1> |
|
13 Iri MetaData 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 <b>/!\</b> This is the first beta version the code is not optimized ! But your feedback is needed ! |
|
18 This player was test on : |
|
19 <ul> |
|
20 <li>Firefox 3.6.9</li> |
|
21 <li>Chrome 6.0.472.55</li> |
|
22 <li>Safari 5.0.2</li> |
|
23 <li>Internet Explore 8</li> |
|
24 </ul> |
|
25 This Player is a freeSoftware under <a href="http://www.cecill.info/licences/Licence_CeCILL-C_V1-en.html"/> CeCILL-C</a> license. |
|
26 This program is made by <a href="http://www.iri.centrepompidou.fr/" >Institut de recherche et d innovation</a> |
|
27 more information on <a href="http://www.iri.centrepompidou.fr/outils/agmented-player/" >this page</a>. |
|
28 <br/><br/> |
|
29 </div> |
|
30 |
|
31 <!-- START IRI EMBED ###################################### --> |
|
32 <!-- SIMPLE PLAYER EXPERIMENTATION --> |
|
33 <script type="text/javascript" src="./LdtPlayer-release.js"></script> |
|
34 |
|
35 <!--<input id="amount" />--> |
|
36 |
|
37 <div id="LdtPlayer"></div> |
|
38 |
|
39 <script type="text/javascript"> |
|
40 var config = { |
|
41 metadata:{ |
|
42 format:'cinelab', |
|
43 //# URL metadata's file |
|
44 src:'test-youtube.json', |
|
45 //# load from the same server |
|
46 //load:'json' |
|
47 //# load from a other serveur |
|
48 load:'json' |
|
49 }, |
|
50 gui:{ |
|
51 //# width of the video size |
|
52 width:480, |
|
53 //# height of the video size , 1 for the radio |
|
54 height:360, |
|
55 //# mode radio or video |
|
56 mode:'video', |
|
57 //# Id of div container |
|
58 container:'LdtPlayer', |
|
59 //# to see output |
|
60 debug:false, |
|
61 css:'../src/css/LdtPlayer.css'}, |
|
62 player:{ |
|
63 type:'youtube', |
|
64 //# without youtube player UI : |
|
65 src:'http://www.youtube.com/apiplayer?video_id=lFtNG1wZ4zU' |
|
66 //# with youtube player UI : |
|
67 //src:'http://www.youtube.com/v/lFtNG1wZ4zU' |
|
68 } |
|
69 }; |
|
70 __IriSP.init(config); |
|
71 </script> |
|
72 |
|
73 |
|
74 <!-- END ################ ###################################### --> |
|
75 </body> |
|
76 </html> |
|