17 <head> |
17 <head> |
18 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> |
18 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> |
19 <title>RSLN - Polemic player embed page</title> |
19 <title>RSLN - Polemic player embed page</title> |
20 |
20 |
21 <!-- JAVASCRIPT --> |
21 <!-- JAVASCRIPT --> |
22 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> |
22 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> |
|
23 <script type="text/javascript"> |
|
24 $.noConflict(); |
|
25 </script> |
23 <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.11/jquery-ui.min.js"></script> |
26 <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.11/jquery-ui.min.js"></script> |
24 <script type="text/javascript" src="../res/raphael/raphael-min.js"></script> |
27 <script type="text/javascript" src="../res/raphael/raphael-min.js"></script> |
|
28 <script type='text/javascript' src='../res/metadataplayer/src/js/LdtPlayer.js'></script> |
25 |
29 |
26 <!-- FONT --> |
30 <!-- FONT --> |
27 <link href='http://fonts.googleapis.com/css?family=PT+Sans+Narrow&subset=latin' rel='stylesheet' type='text/css'> |
31 <link href='http://fonts.googleapis.com/css?family=PT+Sans+Narrow&subset=latin' rel='stylesheet' type='text/css'> |
28 <link href='http://fonts.googleapis.com/css?family=PT+Sans&subset=latin' rel='stylesheet' type='text/css'> |
32 <link href='http://fonts.googleapis.com/css?family=PT+Sans&subset=latin' rel='stylesheet' type='text/css'> |
29 <link href='http://fonts.googleapis.com/css?family=Geo&subset=latin' rel='stylesheet' type='text/css'> |
33 <link href='http://fonts.googleapis.com/css?family=Geo&subset=latin' rel='stylesheet' type='text/css'> |
61 position : absolute; |
65 position : absolute; |
62 } |
66 } |
63 |
67 |
64 </style> |
68 </style> |
65 <script type="text/javascript"> |
69 <script type="text/javascript"> |
|
70 // Configuration Polemical Timeline |
|
71 <?php |
|
72 if(is_array($config['metadata'])) { |
|
73 if(!$metadata_key) { |
|
74 reset($config['metadata']); |
|
75 $metadata_key = key($config['metadata']); |
|
76 } |
|
77 |
|
78 $duration = $config['metadata'][$metadata_key]['duration']; |
|
79 $url = $config['metadata'][$metadata_key]['url']; |
|
80 } |
|
81 else { |
|
82 $duration = $config['duration']; |
|
83 $url = $config['metadata']; |
|
84 } |
|
85 ?> |
|
86 |
|
87 var config = { |
|
88 target:"chartTimeline", |
|
89 x:8, |
|
90 y:418, |
|
91 width:<?php echo($player_width); ?>, |
|
92 height:<?php echo($player_height); ?>, |
|
93 heightmax:<?php echo($player_height); ?>, |
|
94 duration:<?php echo($duration); ?>, |
|
95 metadata:<?php echo($metadata); ?> |
|
96 }; |
|
97 </script> |
|
98 |
|
99 <script type='text/javascript' src='../res/metadataplayer.polemic/src/js/polemic.js'></script> |
|
100 <script type="text/javascript"> |
|
101 jQuery..extend(__IriSP.lib,{jQueryToolTip:"../res/metadataplayer/res/js/jquery.tools.min.js"}); |
|
102 </script> |
|
103 |
|
104 <script type="text/javascript"> |
66 |
105 |
67 var _gaq = _gaq || []; |
106 var _gaq = _gaq || []; |
68 _gaq.push(['_setAccount', 'UA-23581291-1']); |
107 _gaq.push(['_setAccount', 'UA-23581291-1']); |
69 _gaq.push(['_trackPageview']); |
108 _gaq.push(['_trackPageview']); |
70 |
109 |
73 ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; |
112 ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; |
74 var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); |
113 var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); |
75 })(); |
114 })(); |
76 |
115 |
77 </script> |
116 </script> |
78 </head> |
117 </head> |
79 |
|
80 <script type="text/javascript"> |
|
81 // Configuration Polemical Timeline |
|
82 var config = { |
|
83 target:"chartTimeline", |
|
84 x:8, |
|
85 y:418, |
|
86 width:<?php echo($player_width); ?>, |
|
87 height:<?php echo($player_height); ?>, |
|
88 heightmax:<?php echo($player_height); ?>, |
|
89 duration:<?php echo($config['duration']); ?>, |
|
90 metadata:"<?php echo($config['metadata']); ?>" |
|
91 } |
|
92 </script> |
|
93 <script type='text/javascript' src='../res/metadataplayer.polemic/src/js/polemic.js'></script> |
|
94 |
|
95 <body> |
118 <body> |
96 <!-- tooltip --> |
119 <!-- tooltip --> |
97 <div id="tip"> |
120 <div id="tip"> |
98 <div id="tipcolor" style="height:10px;width:10px"></div> |
121 <div id="tipcolor" style="height:10px;width:10px"></div> |
99 <div id="tiptext"></div> |
122 <div id="tiptext"></div> |
104 <div id="chartTimeline"> </div> |
127 <div id="chartTimeline"> </div> |
105 <script type="text/javascript"> |
128 <script type="text/javascript"> |
106 var paper = Raphael(document.getElementById("chartTimeline"),config.width, config.height); |
129 var paper = Raphael(document.getElementById("chartTimeline"),config.width, config.height); |
107 </script> |
130 </script> |
108 <script type='text/javascript' src='../res/metadataplayer/src/js/LdtPlayer.js'></script> |
131 <script type='text/javascript' src='../res/metadataplayer/src/js/LdtPlayer.js'></script> |
109 <script type="text/javascript"> |
132 <div id="player_project_embed" class="iri_player_embed"> </div> |
110 $.extend(__IriSP.lib,{jQueryToolTip:"../res/metadataplayer/res/js/jquery.tools.min.js"}); |
|
111 </script> |
|
112 <div id="player_project_843fff80-6b50-11e0-8aef-00145ea49a02_embed" class="iri_player_embed"> </div> |
|
113 |
133 |
114 <script type="text/javascript"> |
134 <script type="text/javascript"> |
115 var configMP = { |
135 var configMP = { |
116 metadata:{ |
136 metadata:{ |
117 format:'cinelab', |
137 format:'cinelab', |
118 src:'<?php echo($config['metadata']); ?>', |
138 src:config.metadata, |
119 load:'jsonp'}, |
139 load:'jsonp'}, |
120 gui:{ |
140 gui:{ |
121 width:<?php echo($player_width); ?>, |
141 width:config.width, |
122 height:<?php echo($player_height); ?>, |
142 height:config.height, |
123 mode:'video', |
143 mode:'video', |
124 container:'player_project_843fff80-6b50-11e0-8aef-00145ea49a02_embed', |
144 container:'player_project_embed', |
125 debug:false, |
145 debug:false, |
126 css:'../res/css/LdtPlayer.css'}, |
146 css:'../res/css/LdtPlayer.css'}, |
127 |
147 |
128 player:{ |
148 player:{ |
129 type:'jwplayer', |
149 type:'jwplayer', |
130 src:'http://www.iri.centrepompidou.fr//dev/ldt/static/ldt/swf/player.swf'} |
150 src:'../res/metadataplayer/res/swf/player.swf'} |
131 }; |
151 }; |
132 __IriSP.init(configMP); |
152 __IriSP.init(configMP); |
133 </script> |
153 </script> |
134 </div> |
154 </div> |
135 </div> |
155 </div> |