5 <title>Metadataplayer - Polemic tweet integration test</title> |
5 <title>Metadataplayer - Polemic tweet integration test</title> |
6 </head> |
6 </head> |
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 Polemic tweet integration test<br> |
12 Polemic tweet integration test - using Popcorn, jwplayer and the <a href="http://polemictweet.com">PolemicTweet</a> widget.<br> |
13 </div> |
13 </div> |
14 |
14 |
15 |
15 |
16 <!-- START Integration ###################################### --> |
16 <!-- START Integration ###################################### --> |
17 <!-- SIMPLE PLAYER EXPERIMENTATION --> |
17 <!-- SIMPLE PLAYER EXPERIMENTATION --> |
18 <script type="text/javascript" src="../../build/LdtPlayer-release.js" type="text/javascript"></script> |
18 <script type="text/javascript" src="../../build/LdtPlayer-release.js" type="text/javascript"></script> |
19 <script type="text/javascript" src="../../unittests/mockSerializer.js" type="text/javascript"></script> |
19 <script type="text/javascript" src="../../unittests/mockSerializer.js" type="text/javascript"></script> |
20 <script src="../../res/js/jquery.min.js" type="text/javascript"></script> |
20 <script src="../../res/js/jquery.min.js" type="text/javascript"></script> |
21 <script src="../../res/js/jquery.tools.min.js" type="text/javascript"></script> |
21 <script src="../../res/js/jquery.tools.min.js" type="text/javascript"></script> |
22 <script src="../../res/js/jquery-ui.min.js" type="text/javascript"></script> |
22 <script src="../../res/js/jquery-ui.min.js" type="text/javascript"></script> |
23 |
23 |
24 <div id="video"></div> |
24 <div id="video"></div> |
25 <div id="LdtPlayer"></div> |
25 <div id="LdtPlayer"></div> |
26 |
26 |
27 <script type="text/javascript"> |
27 <script type="text/javascript"> |
28 $(document).ready(function() { |
28 $(document).ready(function() { |
29 var config = { |
29 var config = { |
30 gui:{ |
30 gui:{ |
31 width:650, |
31 width:650, |
32 height:2100, |
32 height:2100, |
33 container:'LdtPlayer', |
33 container:'LdtPlayer', |
34 css:'../../src/css/LdtPlayer.css', |
34 css:'../../src/css/LdtPlayer.css', |
35 widgets: [ |
35 widgets: [ |
36 {type: "PolemicWidget", |
36 {type: "PolemicWidget", |
37 width: 640, /* required for this widget */ |
37 width: 640, /* required for this widget */ |
38 height: 50, |
38 height: 50, |
39 heightmax: 50, |
39 heightmax: 50, |
40 metadata:{ |
40 metadata:{ |
41 format:'cinelab', |
41 format:'cinelab', |
42 src:'polemic_fr.json', |
42 src:'polemic_fr.json', |
43 type:'json'}, |
43 type:'json'}, |
44 |
44 |
45 requires: [{ |
45 requires: [{ |
46 type: "TooltipWidget", |
46 type: "TooltipWidget", |
47 width: 180, |
47 width: 180, |
48 heigh: 160, |
48 heigh: 160, |
49 metadata : { |
49 metadata : { |
50 format:'cinelab', |
50 format:'cinelab', |
51 src:'polemic.json', |
51 src:'polemic.json', |
52 type:'empty' |
52 type:'empty' |
53 } |
53 } |
54 }], |
54 }], |
55 }, |
55 }, |
56 {type: "PlayerWidget", // please note that type refers directly to the constructor of the widget. |
56 {type: "PlayerWidget", // please note that type refers directly to the constructor of the widget. |
57 mode: "radio", |
57 mode: "radio", |
58 metadata:{ |
58 metadata:{ |
59 format:'cinelab', |
59 format:'cinelab', |
60 src:'polemic_fr.json', |
60 src:'polemic_fr.json', |
61 type:'json'} |
61 type:'json'} |
62 } |
62 } |
63 |
63 |
64 ] |
64 ] |
65 }, |
65 }, |
66 player:{ |
66 player:{ |
67 type:'jwplayer', // player type |
67 type:'jwplayer', // player type |
68 container: 'PopcornContainer', |
68 container: 'PopcornContainer', |
69 // the rest is player-dependent configuration options. |
69 // the rest is player-dependent configuration options. |
70 file : "video/ldtplatform/museologie_inaugurale_20111018_flat.f4v", |
70 file : "video/ldtplatform/museologie_inaugurale_20111018_flat.f4v", |
71 streamer: "rtmp://media.iri.centrepompidou.fr/ddc_player/", |
71 streamer: "rtmp://media.iri.centrepompidou.fr/ddc_player/", |
72 flashplayer : '../libs/player.swf', |
72 flashplayer : '../libs/player.swf', |
74 "controlbar.position" : "none", |
74 "controlbar.position" : "none", |
75 height: 300, |
75 height: 300, |
76 width: 640, |
76 width: 640, |
77 provider: "rtmp" |
77 provider: "rtmp" |
78 } |
78 } |
79 }; |
79 }; |
80 |
80 |
81 IriSP.loadLibs(IriSP.lib, config.gui.css, |
81 IriSP.loadLibs(IriSP.lib, config.gui.css, |
82 function() { |
82 function() { |
83 var layoutManager = new IriSP.LayoutManager(config.gui.container); |
83 var layoutManager = new IriSP.LayoutManager(config.gui.container); |
84 var pop = IriSP.configurePopcorn(layoutManager, config.player); |
84 var pop = IriSP.configurePopcorn(layoutManager, config.player); |
85 |
85 |
86 var widgets = IriSP.configureWidgets(pop, layoutManager, config.gui); }); |
86 var widgets = IriSP.configureWidgets(pop, layoutManager, config.gui); }); |
87 |
87 |
88 }); |
88 }); |
89 </script> |
89 </script> |
90 |
90 |
91 |
91 |
92 </body> |
92 </body> |
93 <div id="PopcornContainer"></div> |
93 <div id="PopcornContainer"></div> |
94 </html> |
94 </html> |