7 |
7 |
8 <body> |
8 <body> |
9 |
9 |
10 <div style="width:650px;font-family: 'Trebuchet MS', 'Helvetica', 'Arial', 'Verdana', 'sans-serif';"> |
10 <div style="width:650px;font-family: 'Trebuchet MS', 'Helvetica', 'Arial', 'Verdana', 'sans-serif';"> |
11 <h1>MetaDataPlayer </h1> |
11 <h1>MetaDataPlayer </h1> |
12 Test d'intégration du widget du player avec Popcorn. |
12 Test d'intégration du widget du player avec Popcorn (jwplayer). |
13 </div> |
13 </div> |
14 |
14 |
15 |
15 |
16 <!-- START Integration ###################################### --> |
16 <!-- START Integration ###################################### --> |
17 <!-- SIMPLE PLAYER EXPERIMENTATION --> |
17 <!-- SIMPLE PLAYER EXPERIMENTATION --> |
19 <script src="../../res/js/jquery.min.js"></script> |
19 <script src="../../res/js/jquery.min.js"></script> |
20 <script src="../../res/js/jquery.tools.min.js"></script> |
20 <script src="../../res/js/jquery.tools.min.js"></script> |
21 <script src="../../res/js/jquery-ui.min.js"></script> |
21 <script src="../../res/js/jquery-ui.min.js"></script> |
22 <div id="LdtPlayer"></div> |
22 <div id="LdtPlayer"></div> |
23 |
23 |
24 <script type="text/javascript"> |
24 <script type="text/javascript"> |
|
25 $(document).ready(function() { |
25 var config = { |
26 var config = { |
26 metadata:{ |
27 metadata:{ |
27 format:'cinelab', |
28 format:'cinelab', |
28 src:'test.json', |
29 src:'test.json', |
29 load:'json'}, |
30 load:'json'}, |
38 type:'jwplayer', |
39 type:'jwplayer', |
39 src:'../res/swf/player.swf'} |
40 src:'../res/swf/player.swf'} |
40 }; |
41 }; |
41 |
42 |
42 IriSP.loadLibs(IriSP.lib, config.gui.css, function() {}); |
43 IriSP.loadLibs(IriSP.lib, config.gui.css, function() {}); |
43 Popcorn = Popcorn.youtube("#LdtPlayer", "http://www.youtube.com/watch?v=QH2-TGUlwu4"); |
44 Popcorn = Popcorn("#video"); |
44 dt = new IriSP.DataLoader(); |
45 dt = new IriSP.DataLoader(); |
45 ser = new IriSP.JSONSerializer(this.dt, "../test.json"); |
46 ser = new IriSP.JSONSerializer(dt, "../test.json"); |
46 var player = new IriSP.PlayerWidget(this.Popcorn, this.config, this.ser); |
47 var player = new IriSP.PlayerWidget(Popcorn, config, ser); |
47 ser.sync(IriSP.wrap(player, player.draw)); |
48 ser.sync(IriSP.wrap(player, player.draw)); |
|
49 }); |
48 </script> |
50 </script> |
49 |
51 |
|
52 <video id='video' |
|
53 style="display:;width:300px" |
|
54 controls |
|
55 preload="auto"> |
50 |
56 |
51 <!-- END ################ ###################################### --> |
57 <source id='mp4' |
|
58 src="../trailer.mp4" |
|
59 type='video/mp4; codecs="avc1, mp4a"'> |
|
60 |
|
61 <source id='ogv' |
|
62 src="../trailer.ogv" |
|
63 type='video/ogg; codecs="theora, vorbis"'> |
|
64 |
|
65 <source id='webm' |
|
66 src="../trailer.webm" |
|
67 type='video/webm; codecs="vp8, vorbis"'> |
|
68 |
|
69 <p>Your user agent does not support the HTML5 Video element.</p> |
|
70 |
|
71 </video> |
52 </body> |
72 </body> |
53 </html> |
73 </html> |