1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> |
1 <!doctype html> |
2 <html dir="ltr" xml:lang="fr" xmlns="http://www.w3.org/1999/xhtml" lang="fr"> |
2 <html> |
3 |
3 |
4 <head> |
4 <head> |
|
5 <meta http-equiv="Content-type" content="text/html; charset=utf-8" /> |
|
6 <title>Metadataplayer test configurations</title> |
|
7 <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,700,400italic,700italic' rel='stylesheet' type='text/css'> |
|
8 <link href='test.css' rel='stylesheet' type='text/css'> |
|
9 </head> |
5 |
10 |
6 </head> |
11 <body> |
7 |
12 <h1>Metadataplayer test configurations</h1> |
8 <body> |
13 <ul class="pageindex"> |
9 |
14 <li><h2><a href="jwplayer.htm">with JwPlayer (default on Ldt Platform, uses custom player functions)</a></h2></li> |
10 <div style="width:650px;font-family: 'Trebuchet MS', 'Helvetica', 'Arial', 'Verdana', 'sans-serif';"> |
15 <li><h2><a href="oggvideo.htm">with HTML5/OGG (uses Popcorn.js, compatible with Firefox and Chrome)</a></h2></li> |
11 <h1>MetaDataPlayer </h1> |
16 <li><h2><a href="mp4video.htm">with HTML5/MP4 (uses Popcorn.js, compatible with IE, Safari and Chrome)</a></h2></li> |
12 Iri MetaDataPlayer is a javascript's Widget interface to augment existing flash or html5 video player. |
17 <li><h2><a href="youtube.htm">with Youtube (uses Popcorn.js and the Popcorn Youtube plugin/player)</a></h2></li> |
13 It's made to show time annotation and different metadata on video. |
18 <li><h2><a href="vimeo.htm">with Vimeo (uses Popcorn.js and the Popcorn Vimeo plugin/player)</a></h2></li> |
14 To implement it on your website it's 's really simple. |
19 <li><h2><a href="dailymotion.htm">with Dailymotion (uses custom player functions)</a></h2></li> |
15 You just need to insert a div and a script, like the exemple under this lines.<br/><br/> |
20 </ul> |
16 This player was test on : firefox 3.6.9 / Chrome 6.0.472.55 / Safari 5.0.2 / Internet Explore 8<br/><br/> |
21 </body> |
17 This Player is a freeSoftware under <a href="http://www.cecill.info/licences/Licence_CeCILL-C_V1-en.html"> CeCILL-C</a> license. |
22 </html> |
18 This program is made by <a href="http://www.iri.centrepompidou.fr/" >Institut de recherche et d innovation</a> |
|
19 more information on <a href="http://www.iri.centrepompidou.fr/outils/agmented-player/" >this page</a>. |
|
20 </div> |
|
21 |
|
22 |
|
23 <!-- START Integration ###################################### --> |
|
24 <!-- SIMPLE PLAYER EXPERIMENTATION --> |
|
25 <script type="text/javascript" src="../build/LdtPlayer-release.js"></script> |
|
26 <div id="LdtPlayer"></div> |
|
27 |
|
28 <script type="text/javascript"> |
|
29 var config = { |
|
30 metadata:{ |
|
31 format:'cinelab', |
|
32 src:'test.json', |
|
33 load:'json'}, |
|
34 gui:{ |
|
35 width:650, |
|
36 height:1, |
|
37 mode:'radio', |
|
38 container:'LdtPlayer', |
|
39 debug:true, |
|
40 css:'../src/css/LdtPlayer.css'}, |
|
41 player:{ |
|
42 type:'jwplayer', |
|
43 src:'../res/swf/player.swf'} |
|
44 }; |
|
45 IriSP.init(config); |
|
46 </script> |
|
47 |
|
48 |
|
49 <!-- END ################ ###################################### --> |
|
50 </body> |
|
51 </html> |
|