17 ?> |
17 ?> |
18 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> |
18 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> |
19 <html lang="en"> |
19 <html lang="en"> |
20 <head> |
20 <head> |
21 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> |
21 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> |
22 <title>RSLN - Polemic player embed page</title> |
22 <title>Polemic Tweet Embedded Player</title> |
23 |
23 <script type="text/javascript" src="<?php echo(registry_url('json-js','js'));?>"></script> |
24 <!-- JAVASCRIPT --> |
24 <script type="text/javascript" src="<?php echo(registry_url('jquery','js'));?>"></script> |
25 <script type="text/javascript" src="<?php echo(registry_url('jquery','js'))?>"></script> |
25 <script type="text/javascript"> |
26 <script type="text/javascript"> |
26 $.noConflict(); |
27 $.noConflict(); |
27 </script> |
28 </script> |
28 <script type="text/javascript" src="<?php echo(registry_url('jquery-url','js'));?>"></script> |
29 <script type="text/javascript" src="<?php echo(registry_url('jquery-ui','js'))?>"></script> |
29 <script type="text/javascript" src="<?php echo(registry_url('metadataplayer','js'));?>"></script> |
30 <script type="text/javascript" src="<?php echo(registry_url('raphael','js'))?>"></script> |
30 |
31 |
31 |
32 <!-- FONT --> |
32 <!-- FONT --> |
33 <link href='<?php echo(registry_url('PT-Sans_Narrow','font'))?>' rel='stylesheet' type='text/css'> |
33 <link href='<?php echo(registry_url('PT-Sans_Narrow','font'));?>' rel='stylesheet' type='text/css'/> |
34 <link href='<?php echo(registry_url('PT-Sans','font'))?>' rel='stylesheet' type='text/css'> |
34 <link href='<?php echo(registry_url('PT-Sans','font'));?>' rel='stylesheet' type='text/css'/> |
35 <link href='<?php echo(registry_url('Geo','font'))?>' rel='stylesheet' type='text/css'> |
35 |
|
36 |
|
37 <script type="text/javascript"> |
|
38 // Configuration Polemical Timeline |
|
39 if (typeof jQuery == "undefined") { |
|
40 jQuery = IriSP.jQuery; |
|
41 } |
|
42 <?php |
|
43 if(is_array($translate->_('config__metadata'))): |
|
44 reset($translate->_('config__metadata')); |
|
45 $first_key = key($translate->_('config__metadata')); |
|
46 ?> |
|
47 var metadatas = jQuery.parseJSON('<?php echo(json_encode($translate->_('config__metadata'))); ?>'); |
|
48 var url = jQuery.url(); |
|
49 var metadata_key = url.fparam('metadata'); |
|
50 if(typeof metadata_key === "undefined" || metadata_key.length === 0) { |
|
51 metadata_key = "<?php echo($first_key);?>"; |
|
52 } |
|
53 <?php else: ?> |
|
54 var metadatas = { metadata: {url: "<?php echo($translate->_('config__metadata'));?>", duration: <?php echo($translate->_('config__duration'))?>} }; |
|
55 var metadata_key = "metadata"; |
|
56 <?php endif;?> |
|
57 IriSP.libdir = "<?php echo(registry_url('libdir','js'));?>"; |
|
58 IriSP.jwplayer_swf_path = "<?php echo(URL_ROOT); ?>res/mediaplayer/player.swf"; |
|
59 IriSP.platform_url = "http://ldt.iri.centrepompidou.fr/"; |
|
60 var json_url = metadatas[metadata_key].url; |
36 |
61 |
|
62 var config = { |
|
63 gui:{ |
|
64 width:650, |
|
65 height:800, |
|
66 container:'LdtPlayer', |
|
67 css:'<?php echo(registry_url('metadataplayer','css'));?>', |
|
68 default_options : { |
|
69 metadata:{ |
|
70 format:'cinelab', |
|
71 src: json_url, |
|
72 type:'json'}, |
|
73 width: 650 |
|
74 }, |
|
75 widgets: [ |
|
76 {type: "PolemicWidget", |
|
77 requires: [{ |
|
78 type: "TooltipWidget", |
|
79 width: 180, |
|
80 height: 160, |
|
81 metadata : {type:'empty' |
|
82 } |
|
83 }], |
|
84 height: 75 |
|
85 }, |
|
86 {type: "SliderWidget"}, |
|
87 {type: "PlayerWidget", // please note that type refers directly to the constructor of the widget. |
|
88 mode: "radio"}, |
|
89 {type: "SegmentsWidget", |
|
90 requires: [{ |
|
91 type: "TooltipWidget", |
|
92 width: 180, |
|
93 height: 160, |
|
94 }], |
|
95 width: 650 |
|
96 }, |
|
97 {type: "ArrowWidget"}, |
|
98 {type: "TweetsWidget"}, |
|
99 {type: "AnnotationsWidget"} |
|
100 ] |
|
101 }, |
|
102 player:{ |
|
103 type:'jwplayer', |
|
104 live: true, |
|
105 height: 400, |
|
106 width: 650, |
|
107 provider: "rtmp" |
|
108 }, |
|
109 modules: [ |
|
110 { type: "MediaFragment", |
|
111 metadata:{ |
|
112 format:'cinelab', |
|
113 src:json_url, |
|
114 type:'json'} |
|
115 }] |
|
116 |
|
117 }; |
|
118 </script> |
|
119 <script type="text/javascript"> |
|
120 var _gaq = _gaq || []; |
|
121 _gaq.push(['_setAccount', 'UA-23581291-1']); |
|
122 _gaq.push(['_trackPageview', location.pathname + location.search + location.hash]); |
|
123 _gaq.push(['_setAllowAnchor', true]); |
|
124 |
|
125 (function() { |
|
126 var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; |
|
127 ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; |
|
128 var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); |
|
129 })(); |
|
130 </script> |
37 <style type="text/css"> |
131 <style type="text/css"> |
38 body{ |
132 body{ |
39 padding:0px; |
133 padding:0px; |
40 margin:0px; |
134 margin:0px; |
41 } |
|
42 .tooltip{ |
|
43 z-index: 10000000000; |
|
44 } |
|
45 #tip{ |
|
46 position : absolute; |
|
47 padding : 3px; |
|
48 z-index: 10000000000; |
|
49 max-width: 200px; |
|
50 } |
|
51 #tip { |
|
52 display: none; |
|
53 background: transparent url("<?php echo(URL_ROOT);?>images/white_arrow_long.png"); |
|
54 font-size: 12px; |
|
55 height: 125px; |
|
56 width: 180px; |
|
57 padding: 10px; |
|
58 padding-left: 15px; |
|
59 padding-top: 15px; |
|
60 padding-right: 15px; |
|
61 color: black; |
|
62 z-index: 10000000000; |
|
63 font-family: "Trebuchet MS", "Helvetica", "Arial", "Verdana", "sans-serif"; |
|
64 overflow:hidden; |
|
65 } |
|
66 #chartTimeline{ |
|
67 padding-top: 0px; |
|
68 z-index: 9; |
|
69 position : absolute; |
|
70 } |
135 } |
71 |
136 |
72 </style> |
137 </style> |
73 <script type="text/javascript"> |
138 <script type="text/javascript"> |
74 var _gaq = _gaq || []; |
139 var _gaq = _gaq || []; |
82 var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); |
147 var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); |
83 })(); |
148 })(); |
84 </script> |
149 </script> |
85 </head> |
150 </head> |
86 |
151 |
87 <script type="text/javascript"> |
152 <div id="LdtPlayer"></div> |
88 // Configuration Polemical Timeline |
153 <script type="text/javascript"> |
89 var config = { |
154 IriSP.initPlayer(config, json_url); |
90 target:"chartTimeline", |
155 </script> |
91 x:8, |
|
92 y:418, |
|
93 width:<?php echo($config['player_width']); ?>, |
|
94 height:<?php echo($config['player_height']); ?>, |
|
95 heightmax:<?php echo($config['player_height']); ?>, |
|
96 duration:<?php echo($config['duration']); ?>, |
|
97 metadata:"<?php echo($translate->_('config__metadata')); ?>" |
|
98 } |
|
99 </script> |
|
100 <script type='text/javascript' src='<?php echo(URL_ROOT);?>res/metadataplayer.polemic/src/js/polemic.js'></script> |
|
101 |
|
102 <body> |
|
103 <!-- tooltip --> |
|
104 <div id="tip"> |
|
105 <div id="tipcolor" style="height:10px;width:10px"></div> |
|
106 <div id="tiptext"></div> |
|
107 </div> |
|
108 |
|
109 <div class="root" > |
|
110 <div class="videoLivePlayer"> |
|
111 <div id="chartTimeline"> </div> |
|
112 <script type="text/javascript"> |
|
113 var paper = Raphael(document.getElementById("chartTimeline"),config.width, config.height); |
|
114 </script> |
|
115 <script type='text/javascript' src='<?php echo(URL_ROOT.$config['player']);?>'></script> |
|
116 <script type="text/javascript"> |
|
117 jQuery.extend(__IriSP.lib,{ |
|
118 jQueryToolTip:"<?php echo(registry_url('jquery-tools','js'));?>", |
|
119 jQueryUI:"<?php echo(registry_url('jquery-ui','js'));?>", |
|
120 swfObject:"<?php echo(registry_url('swfobject','js'));?>", |
|
121 cssjQueryUI:"<?php echo(registry_url('jquery-ui','css'));?>" |
|
122 }); |
|
123 </script> |
|
124 <div id="player_project_843fff80-6b50-11e0-8aef-00145ea49a02_embed" class="iri_player_embed"> </div> |
|
125 |
|
126 <script type="text/javascript"> |
|
127 var configMP = { |
|
128 metadata:{ |
|
129 format:'cinelab', |
|
130 src:'<?php echo($translate->_('config__metadata')); ?>', |
|
131 load:'jsonp'}, |
|
132 gui:{ |
|
133 width:<?php echo($config['player_width']); ?>, |
|
134 height:<?php echo($config['player_height']); ?>, |
|
135 mode:'video', |
|
136 container:'player_project_843fff80-6b50-11e0-8aef-00145ea49a02_embed', |
|
137 debug:false, |
|
138 css:'<?php echo(URL_ROOT);?>res/css/LdtPlayer.css'}, |
|
139 |
|
140 player:{ |
|
141 type:'jwplayer', |
|
142 src:'<?php echo(URL_ROOT);?>res/mediaplayer/player.swf'} |
|
143 }; |
|
144 __IriSP.init(configMP); |
|
145 </script> |
|
146 </div> |
|
147 </div> |
|
148 </body> |
156 </body> |
149 </html> |
157 </html> |