1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> |
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" xmlns="http://www.w3.org/1999/xhtml" lang="fr"> |
2 <html dir="ltr" xml:lang="fr" xmlns="http://www.w3.org/1999/xhtml" lang="fr"> |
3 |
3 |
4 <head> |
4 <head> |
5 |
5 <title>Test d'intégration de l'initialisation</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 Test d'intégration de gestionnaire de placement. |
12 Test d'intégration de l'initialisation. |
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 src="../../res/js/jquery.min.js" type="text/javascript"></script> |
20 <script src="../../res/js/jquery.min.js" type="text/javascript"></script> |
20 <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> |
21 <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> |
22 |
23 |
23 <div id="video"></div> |
24 <div id="video"></div> |
29 gui:{ |
30 gui:{ |
30 width:650, |
31 width:650, |
31 height:480, |
32 height:480, |
32 container:'LdtPlayer', |
33 container:'LdtPlayer', |
33 css:'../../src/css/LdtPlayer.css', |
34 css:'../../src/css/LdtPlayer.css', |
34 widgets: [ |
35 widgets: [ |
35 {type: "IriSP.PlayerWidget", // please note that type refers directly to the constructor of the widget. |
36 {type: "PlayerWidget", // please note that type refers directly to the constructor of the widget. |
36 metadata:{ |
37 mode: "radio", |
37 format:'cinelab', |
38 metadata:{ |
38 src:'test.json', |
39 format:'cinelab', |
39 load:'json'} |
40 src:'../test.json', |
40 }, |
41 type:'json'} |
41 {type: "IriSP.SegmentsWidget", |
42 }, |
42 metadata:{ |
43 |
43 format:'cinelab', |
44 {type: "SegmentsWidget", |
44 src:'test.json', |
45 metadata:{ |
45 load:'json'} |
46 format:'cinelab', |
46 }, |
47 src:'../test.json', |
47 {type: "IriSP.AnnotationsWidget", |
48 type:'json'} |
48 metadata:{ |
49 }, |
49 format:'cinelab', |
50 {type: "AnnotationsWidget", |
50 src:'test.json', |
51 metadata:{ |
51 load:'json'} |
52 format:'cinelab', |
52 }, |
53 src:'../test.json', |
53 ] |
54 type:'json'} |
|
55 } |
|
56 ] |
|
57 }, |
54 player:{ |
58 player:{ |
55 type:'jwplayer', // player type |
59 type:'jwplayer', // player type |
56 container: '#PopcornContainer' |
60 container: 'PopcornContainer', |
57 // the rest is player-dependent configuration options. |
61 // the rest is player-dependent configuration options. |
58 file : "video/franceculture/franceculture_retourdudimanche20100620.flv", |
62 file : "video/franceculture/franceculture_retourdudimanche20100620.flv", |
59 streamer: "rtmp://media.iri.centrepompidou.fr/ddc_player/", |
63 streamer: "rtmp://media.iri.centrepompidou.fr/ddc_player/", |
60 flashplayer : '../libs/player.swf', |
64 flashplayer : '../libs/player.swf', |
61 live: true, |
65 live: true, |
64 width: 200, |
68 width: 200, |
65 provider: "rtmp" |
69 provider: "rtmp" |
66 } |
70 } |
67 }; |
71 }; |
68 |
72 |
69 IriSP.loadLibs(IriSP.lib, config.gui.css, function() {}); |
73 IriSP.loadLibs(IriSP.lib, config.gui.css, |
70 var pop = Popcorn.jwplayer( '#video', "",{file : "video/franceculture/franceculture_retourdudimanche20100620.flv", streamer: "rtmp://media.iri.centrepompidou.fr/ddc_player/", flashplayer : config.player.src, |
74 function() { var pop = IriSP.configurePopcorn(config.player); |
71 live: true, "controlbar.position" : "none", height: config.gui.height, width: config.gui.width, provider: "rtmp"}); |
75 var widgets = IriSP.configureWidgets(pop, config.gui); }); |
72 |
76 |
73 var dt = new IriSP.DataLoader(); |
|
74 var ser = new IriSP.JSONSerializer(dt, "../test.json"); |
|
75 var ser2 = new IriSP.JSONSerializer(dt, "../test.json"); |
|
76 |
|
77 var lay = new IriSP.LayoutManager({divId : "LdtPlayer"}); |
|
78 lay.setPopcornInstance(pop); |
|
79 |
|
80 config.gui.container = lay.createDiv(); |
|
81 var player = new IriSP.PlayerWidget(pop, config.gui, ser); |
|
82 |
|
83 config.gui.container = lay.createDiv(); |
|
84 var annotationWidget = new IriSP.AnnotationsWidget(pop, config.gui, ser); |
|
85 |
|
86 config.gui.container = lay.createDiv(); |
|
87 var segmentsWidget = new IriSP.SegmentsWidget(pop, config.gui, ser); |
|
88 ser.sync(function() { player.draw(); annotationWidget.draw(); segmentsWidget.draw();}); |
|
89 }); |
77 }); |
90 </script> |
78 </script> |
91 |
79 |
92 |
80 |
93 </body> |
81 </body> |
|
82 <div id="PopcornContainer"></div> |
94 </html> |
83 </html> |