19 |
19 |
20 <div id="video"></div> |
20 <div id="video"></div> |
21 <div id="LdtPlayer"></div> |
21 <div id="LdtPlayer"></div> |
22 |
22 |
23 <script type="text/javascript"> |
23 <script type="text/javascript"> |
24 var project_id = "af3b99e4-b695-11df-bfde-00145ea4a2be"; |
24 var platf_url = "http://localhost/pf/ldtplatform/ldt/"; |
|
25 var project_id = "47e3eef0-3ab4-11e1-9423-001d7d7c6d1d"; |
25 var config = { |
26 var config = { |
26 gui:{ |
27 gui:{ |
27 width:650, |
28 width:650, |
28 height:2100, |
29 height:2100, |
29 container:'LdtPlayer', |
30 container:'LdtPlayer', |
30 css:'../../src/css/LdtPlayer.css', |
31 css:'../../src/css/LdtPlayer.css', |
31 widgets: [ |
32 widgets: [ |
32 {type: "SliderWidget", |
33 {type: "SliderWidget", |
33 metadata:{ |
34 metadata:{ |
34 format:'cinelab', |
35 format:'cinelab', |
35 src:'http://localhost//pf/ldtplatform/ldt/cljson/id/' + project_id, |
36 src:platf_url + 'cljson/id/' + project_id, |
36 type:'json'} |
37 type:'json'} |
37 }, |
38 }, |
38 |
39 |
39 {type: "AnnotationsListWidget", |
40 {type: "AnnotationsListWidget", |
40 container: "AnnotationsListContainer", |
41 container: "AnnotationsListContainer", |
41 metadata:{ |
42 metadata:{ |
42 format:'cinelab', |
43 format:'cinelab', |
43 src:'http://localhost//pf/ldtplatform/ldt/cljson/id/' + project_id, |
44 src:platf_url + 'cljson/id/' + project_id, |
44 type:'json'} |
45 type:'json'} |
45 }, |
46 }, |
46 {type: "PlayerWidget", // please note that type refers directly to the constructor of the widget. |
47 {type: "PlayerWidget", // please note that type refers directly to the constructor of the widget. |
47 mode: "radio", |
48 mode: "radio", |
48 metadata:{ |
49 metadata:{ |
49 format:'cinelab', |
50 format:'cinelab', |
50 src:'http://localhost//pf/ldtplatform/ldt/cljson/id/' + project_id, |
51 src:platf_url + 'cljson/id/' + project_id, |
51 type:'json'} |
52 type:'json'} |
52 }, |
53 }, |
53 {type: "SegmentsWidget", |
54 {type: "SegmentsWidget", |
54 metadata:{ |
55 metadata:{ |
55 format:'cinelab', |
56 format:'cinelab', |
56 src:'http://localhost//pf/ldtplatform/ldt/cljson/id/' + project_id, |
57 src:platf_url + 'cljson/id/' + project_id, |
57 type:'json'}, |
58 type:'json'}, |
58 requires: [{ |
59 requires: [{ |
59 type: "TooltipWidget", |
60 type: "TooltipWidget", |
60 width: 180, |
61 width: 180, |
61 heigh: 160, |
62 heigh: 160, |
65 }], |
66 }], |
66 }, |
67 }, |
67 {type: "SliceWidget", |
68 {type: "SliceWidget", |
68 metadata:{ |
69 metadata:{ |
69 format:'cinelab', |
70 format:'cinelab', |
70 src:'http://localhost//pf/ldtplatform/ldt/cljson/id/' + project_id, |
71 src:platf_url + 'cljson/id/' + project_id, |
71 type:'json'} |
72 type:'json'} |
72 }, |
73 }, |
73 {type: "ArrowWidget", |
74 {type: "ArrowWidget", |
74 metadata:{ |
75 metadata:{ |
75 format:'cinelab', |
76 format:'cinelab', |
76 src:'http://localhost//pf/ldtplatform/ldt/cljson/id/' + project_id, |
77 src:platf_url + 'cljson/id/' + project_id, |
77 type:'json'} |
78 type:'json'} |
78 }, |
79 }, |
79 |
80 |
80 |
81 |
81 {type: "AnnotationsWidget", |
82 {type: "AnnotationsWidget", |
82 metadata:{ |
83 metadata:{ |
83 format:'cinelab', |
84 format:'cinelab', |
84 src:'http://localhost//pf/ldtplatform/ldt/cljson/id/' + project_id, |
85 src:platf_url + 'cljson/id/' + project_id, |
85 type:'json'} |
86 type:'json'} |
86 }, |
87 }, |
87 {type: "TweetsWidget", |
88 {type: "TweetsWidget", |
88 metadata:{ |
89 metadata:{ |
89 format:'cinelab', |
90 format:'cinelab', |
90 src:'http://localhost//pf/ldtplatform/ldt/cljson/id/' + project_id, |
91 src:platf_url + 'cljson/id/' + project_id, |
91 type:'json'} |
92 type:'json'} |
92 }, |
93 }, |
93 {type: "createAnnotationWidget", |
94 {type: "createAnnotationWidget", |
94 metadata:{ |
95 metadata:{ |
95 format:'cinelab', |
96 format:'cinelab', |
96 src:'http://localhost//pf/ldtplatform/ldt/cljson/id/' + project_id, |
97 src:platf_url + 'cljson/id/' + project_id, |
97 type:'json'} |
98 type:'json'} |
98 } |
99 } |
99 ] |
100 ] |
100 }, |
101 }, |
101 player:{ |
102 player:{ |
107 }, |
108 }, |
108 modules: [ |
109 modules: [ |
109 { type: "MediaFragment", |
110 { type: "MediaFragment", |
110 metadata:{ |
111 metadata:{ |
111 format:'cinelab', |
112 format:'cinelab', |
112 src:'http://localhost//pf/ldtplatform/ldt/cljson/id/' + project_id, |
113 src:platf_url + 'cljson/id/' + project_id, |
113 type:'json'} |
114 type:'json'} |
114 }] |
115 }] |
115 |
116 |
116 }; |
117 }; |
117 |
118 |
118 IriSP.loadLibs(IriSP.lib, config, "http://localhost//pf/ldtplatform/ldt/cljson/id/af3b99e4-b695-11df-bfde-00145ea4a2be", |
119 IriSP.loadLibs(IriSP.lib, config, platf_url + 'cljson/id/' + project_id, |
119 function() { |
120 function() { |
120 var layoutManager = new IriSP.LayoutManager(config.gui.container); |
121 var layoutManager = new IriSP.LayoutManager(config.gui.container); |
121 var pop = IriSP.configurePopcorn(layoutManager, config.player); |
122 var pop = IriSP.configurePopcorn(layoutManager, config.player); |
122 |
123 |
123 var widgets = IriSP.configureWidgets(pop, layoutManager, config.gui); |
124 var widgets = IriSP.configureWidgets(pop, layoutManager, config.gui); |