34 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> |
49 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> |
35 <title>Live Video and Annotation</title> |
50 <title>Live Video and Annotation</title> |
36 <meta http-equiv="X-UA-Compatible" content="IE=8" /> |
51 <meta http-equiv="X-UA-Compatible" content="IE=8" /> |
37 |
52 |
38 <!-- Framework CSS --> |
53 <!-- Framework CSS --> |
39 <link rel="stylesheet" href="res/blueprint/screen.css" type="text/css" media="screen, projection"> |
54 <link rel="stylesheet" href="<?php echo(URL_ROOT); ?>res/blueprint/screen.css" type="text/css" media="screen, projection"> |
40 <link rel="stylesheet" href="res/blueprint/print.css" type="text/css" media="print"> |
55 <link rel="stylesheet" href="<?php echo(URL_ROOT); ?>res/blueprint/print.css" type="text/css" media="print"> |
41 <!--[if lt IE 8]><link rel="stylesheet" href="blueprint/ie.css" type="text/css" media="screen, projection"><![endif]--> |
56 <!--[if lt IE 8]><link rel="stylesheet" href="<?php echo(URL_ROOT); ?>res/blueprint/ie.css" type="text/css" media="screen, projection"><![endif]--> |
42 <link rel="stylesheet" href="res/blueprint/plugins/fancy-type/screen.css" type="text/css" media="screen, projection"> |
57 <link rel="stylesheet" href="<?php echo(URL_ROOT); ?>res/blueprint/plugins/fancy-type/screen.css" type="text/css" media="screen, projection"> |
43 <link rel="stylesheet" href="res/css/custom.css" type="text/css" media="screen, projection"> |
58 <link rel="stylesheet" href="<?php echo(URL_ROOT); ?>res/css/custom.css" type="text/css" media="screen, projection"> |
44 <link rel="stylesheet" type="text/css" href="res/jquery.fancybox/fancybox/jquery.fancybox-1.3.4.css" media="screen"> |
59 <link rel="stylesheet" type="text/css" href="<?php echo(URL_ROOT); ?>res/jquery.fancybox/fancybox/jquery.fancybox-1.3.4.css" media="screen"> |
45 <link rel="stylesheet" type="text/css" href="res/niceforms/niceforms-custom.css" media="screen" > |
60 <link rel="stylesheet" type="text/css" href="<?php echo(URL_ROOT); ?>res/niceforms/niceforms-custom.css" media="screen" > |
46 |
61 |
47 <!-- JAVASCRIPT --> |
62 <!-- JAVASCRIPT --> |
48 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> |
63 <script type="text/javascript" src="<?php echo(registry_url('jquery','js'))?>"></script> |
49 <script type="text/javascript" src="res/jquery.fancybox/fancybox/jquery.fancybox-1.3.4.pack.js"></script> |
64 <script type="text/javascript" src="<?php echo(registry_url('fancybox','js'))?>"></script> |
50 <script type="text/javascript" src="res/metadataplayer/res/js/jquery.tools.min.js"></script> |
65 <script type="text/javascript" src="<?php echo(registry_url('jquery-tools','js'))?>"></script> |
51 <script type="text/javascript" src="res/niceforms/niceforms.js"></script> |
66 <script type="text/javascript" src="<?php echo(registry_url('niceforms','js'))?>"></script> |
52 <script src="http://widgets.twimg.com/j/2/widget.js"></script> |
67 <script type="text/javascript" src="<?php echo(registry_url('tw-widget','js'))?>"></script> |
53 |
68 |
54 <!-- FONT --> |
69 <!-- FONT --> |
55 <link href='http://fonts.googleapis.com/css?family=PT+Sans+Narrow&subset=latin' rel='stylesheet' type='text/css'> |
70 <link href='<?php echo(registry_url('PT-Sans_Narrow','font'))?>' rel='stylesheet' type='text/css'> |
56 <link href='http://fonts.googleapis.com/css?family=PT+Sans&subset=latin' rel='stylesheet' type='text/css'> |
71 <link href='<?php echo(registry_url('PT-Sans','font'))?>' rel='stylesheet' type='text/css'> |
57 <link href='http://fonts.googleapis.com/css?family=Geo&subset=latin' rel='stylesheet' type='text/css'> |
72 <link href='<?php echo(registry_url('Geo','font'))?>' rel='stylesheet' type='text/css'> |
58 |
73 |
59 <script type="text/javascript"> |
74 <script type="text/javascript"> |
60 $(document).ready(function() { |
75 $(document).ready(function() { |
61 |
76 |
62 doTimer(); |
77 doTimer(); |
63 //$("txt").hide(); |
78 //$("txt").hide(); |
64 $(".loginbutton").click(function() { |
79 $(".loginbutton").click(function() { |
65 document.location.href="<?php URL_ROOT ?>?CONNECT=true"; |
80 document.location.href="<?php echo(URL_ROOT.$rep); ?>/client.php?CONNECT=true"; |
66 }); |
81 }); |
67 $("#IDENTIFIER").click(function() { |
82 $("#IDENTIFIER").click(function() { |
68 document.location.href="<?php URL_ROOT ?>?CONNECT=true"; |
83 document.location.href="<?php echo(URL_ROOT.$rep); ?>/client.php?CONNECT=true"; |
69 }); |
84 }); |
70 |
85 |
71 $("#messageSuccess").hide(); |
86 $("#messageSuccess").hide(); |
72 $("#messageFailed").hide(); |
87 $("#messageFailed").hide(); |
73 $("#txt").hide(); |
88 |
|
89 |
|
90 function add_grammar(value) { |
|
91 $('#status').val($('#status').val()+value+" "); |
|
92 $('#status').change(); |
|
93 } |
74 |
94 |
75 // BUTTONS |
95 // BUTTONS |
76 $("#positive").click(function(){ |
96 $("#positive").click(function(){ |
77 var MyValue = $('#status').attr("value"); |
97 add_grammar("++"); |
78 $('#status').attr("value",MyValue+"++ "); |
|
79 }); |
98 }); |
80 $("#negative").click(function(){ |
99 $("#negative").click(function(){ |
81 var MyValue = $('#status').attr("value"); |
100 add_grammar("--"); |
82 $('#status').attr("value",MyValue+"-- "); |
|
83 }); |
101 }); |
84 $("#reference").click(function(){ |
102 $("#reference").click(function(){ |
85 var MyValue = $('#status').attr("value"); |
103 add_grammar("=="); |
86 $('#status').attr("value",MyValue+"== "); |
|
87 }); |
104 }); |
88 $("#question").click(function(){ |
105 $("#question").click(function(){ |
89 var MyValue = $('#status').attr("value"); |
106 add_grammar("??"); |
90 $('#status').attr("value",MyValue+"?? "); |
|
91 }); |
107 }); |
92 |
108 |
93 // SEND TWEETS |
109 // SEND TWEETS |
94 $("#sendTweet").click(function(){ |
110 $("#sendTweet").click(function(){ |
95 var MyStatus = $('#status').attr("value"); |
111 var MyStatus = $('#status').attr("value"); |
97 ,function(data) { |
113 ,function(data) { |
98 |
114 |
99 if(data=="true"){ |
115 if(data=="true"){ |
100 $("#messageSuccess").show('fast'); |
116 $("#messageSuccess").show('fast'); |
101 $("#messageSuccess").delay(800).hide('slow'); |
117 $("#messageSuccess").delay(800).hide('slow'); |
102 $('#status').attr("value","<?php echo($C_hashtag); ?>"); |
118 $('#status').attr("value","<?php echo($config['hashtag']); ?>"); |
103 }else{ |
119 }else{ |
104 $("#error").text(data); |
120 $("#error").text(data); |
105 $("#messageFailed").show('fast'); |
121 $("#messageFailed").show('fast'); |
106 $("#messageFailed").delay(800).hide('slow'); |
122 $("#messageFailed").delay(800).hide('slow'); |
107 } |
123 } |
108 |
124 |
109 }); |
125 }); |
110 |
126 |
111 }); |
127 }); |
|
128 |
|
129 $("#status").bind("change keyup paste blur focus",function() { |
|
130 newval = 140-$("#status").val().length; |
|
131 $('#tweetCounter').val(newval); |
|
132 if(newval < 0) { |
|
133 $('#tweetCounter').addClass("tweetCounterNegative"); |
|
134 } |
|
135 else { |
|
136 $('#tweetCounter').removeClass("tweetCounterNegative"); |
|
137 } |
|
138 }); |
112 |
139 |
113 $(".timeFrame").tooltip(); |
140 $(".timeFrame").tooltip(); |
114 /* |
141 /* |
115 * Lightbox button |
142 * Lightbox button |
116 */ |
143 */ |
227 </script> |
253 </script> |
228 |
254 |
229 </head> |
255 </head> |
230 <body> |
256 <body> |
231 <div class="container"> |
257 <div class="container"> |
232 <img src="<?php echo($C_REP); ?>/images/head_logo.gif" class="Producteur logo"> |
258 <img src="<?php echo($head_logo); ?>" class="Producteur logo"> |
233 <div id="minilogo" style="margin-left:85px;height:5px;top:5px;"></div> |
259 <div id="minilogo" style="margin-left:85px;height:5px;top:5px;"></div> |
234 <ul class="menu"> |
260 <ul class="menu"> |
235 <li class="menuUnderline"><a href="index.php" class="menuLink"> |
261 <li class="menuUnderline"><a href="<?php echo(URL_ROOT); ?>" class="menuLink"> |
236 <?php print $translate->_("Accueil"); ?> </a></li> |
262 <?php print $translate->_("Accueil"); ?> </a></li> |
237 <li class="menuUnderline" ><a href="<?php echo($C_link); ?>" class="menuLink" target="_blank" id='Program'> |
263 <li class="menuUnderline" ><a href="<?php echo($config['link']); ?>" class="menuLink" target="_blank" id='Program'> |
238 <?php print $translate->_("Programme"); ?></a></li> |
264 <?php print $translate->_("Programme"); ?></a></li> |
239 <li ><a href="about.php" class="menuLink" > |
265 <li ><a href="about.php" class="menuLink" > |
240 <?php print $translate->_("A propos"); ?></a></li> |
266 <?php print $translate->_("A propos"); ?></a></li> |
241 |
267 |
242 </ul> |
268 </ul> |
243 |
269 |
244 <ul class="menu" > |
270 <ul class="menu" > |
245 <li class="menuUnderline"><a href="<?php URL_ROOT ?>?lang=ja_JP" class="menuLink" > |
271 <li class="menuUnderline"><a href="<?php URL_ROOT ?>client.php?lang=ja_JP" class="menuLink" > |
246 <img src='images/flag_jp.gif'<?php if($actual!="ja_JP"){echo("style='opacity: .5;'"); } ?> /> |
272 <img src='<?php echo(URL_ROOT); ?>images/flag_jp.gif'<?php if($actual!="ja_JP"){echo("style='opacity: .5;'"); } ?> /> |
247 <?php print $translate->_("Japonais"); ?></a></li> |
273 <?php print $translate->_("Japonais"); ?></a></li> |
248 <li class="menuUnderline"><a href="<?php URL_ROOT ?>?lang=fr" class="menuLink"> |
274 <li class="menuUnderline"><a href="<?php URL_ROOT ?>client.php?lang=fr" class="menuLink"> |
249 <img src='images/flag_fr.gif' <?php if($actual!="fr"){echo("style='opacity: .5;'"); } ?> /> |
275 <img src='<?php echo(URL_ROOT); ?>images/flag_fr.gif' <?php if($actual!="fr"){echo("style='opacity: .5;'"); } ?> /> |
250 <?php print $translate->_("Français"); ?></a></li> |
276 <?php print $translate->_("Français"); ?></a></li> |
251 <li ><a href="<?php URL_ROOT ?>?lang=en" class="menuLink"> |
277 <li ><a href="<?php URL_ROOT ?>client.php?lang=en" class="menuLink"> |
252 <img src='images/flag_en.gif' <?php if($actual!="en"){echo("style='opacity: .5;'"); } ?> /> |
278 <img src='<?php echo(URL_ROOT); ?>images/flag_en.gif' <?php if($actual!="en"){echo("style='opacity: .5;'"); } ?> /> |
253 <?php print $translate->_("Anglais"); ?></a></li> |
279 <?php print $translate->_("Anglais"); ?></a></li> |
254 </ul> |
280 </ul> |
255 |
281 |
256 |
282 |
257 <div class="videoLive"> |
283 <div class="videoLive"> |
258 <?php if ($C_islive):?> |
284 <?php if ($config['islive']):?> |
259 <div class="videoLivePlayer"> |
285 <div class="videoLivePlayer"> |
260 <object id="player" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" name="player" width="500" height="375"> |
286 <object id="player" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" name="player" width="500" height="375"> |
261 <param name="movie" value="res/mediaplayer/player.swf" /> |
287 <param name="movie" value="<?php echo(URL_ROOT); ?>res/mediaplayer/player.swf" /> |
262 <param name="allowfullscreen" value="true" /> |
288 <param name="allowfullscreen" value="true" /> |
263 <param name="allowscriptaccess" value="always" /> |
289 <param name="allowscriptaccess" value="always" /> |
264 <param name="wmode" value="transparent" /> |
290 <param name="wmode" value="transparent" /> |
265 <param name="flashvars" value="autostart=true&live=true&image=<?php echo($C_REP); ?>/images/big_visuel_rsln_mb.jpg&provider=rtmp&streamer=rtmp://media.iri.centrepompidou.fr/ddc_player/&file=livestream&controlbar=none&autostart=true" /> |
291 <param name="flashvars" value="autostart=true&live=true&image=<?php echo($big_visual_url); ?>&provider=rtmp&streamer=rtmp://media.iri.centrepompidou.fr/ddc_player/&file=livestream&controlbar=none&autostart=true" /> |
266 <embed |
292 <embed |
267 type="application/x-shockwave-flash" |
293 type="application/x-shockwave-flash" |
268 id="player2" |
294 id="player2" |
269 name="player2" |
295 name="player2" |
270 src="res/mediaplayer/player.swf" |
296 src="<?php echo(URL_ROOT); ?>res/mediaplayer/player.swf" |
271 width="500" |
297 width="500" |
272 height="375" |
298 height="375" |
273 allowscriptaccess="always" |
299 allowscriptaccess="always" |
274 allowfullscreen="true" |
300 allowfullscreen="true" |
275 wmode="transparent" |
301 wmode="transparent" |
276 flashvars="autostart=true&live=true&provider=rtmp&streamer=rtmp://media.iri.centrepompidou.fr/ddc_player/&file=livestream&image=<?php echo($C_REP); ?>/images/big_visuel_rsln_mb.jpg&controlbar=none&autostart=true" |
302 flashvars="autostart=true&live=true&provider=rtmp&streamer=rtmp://media.iri.centrepompidou.fr/ddc_player/&file=livestream&image=<?php echo($big_visual_url); ?>&controlbar=none&autostart=true" |
277 |
303 |
278 /> |
304 /> |
279 </object> |
305 </object> |
280 |
306 |
281 </div> |
307 </div> |
282 <?php else: ?> |
308 <?php else: ?> |
283 |
309 |
284 <div class="videoLivePlayer"> |
310 <div class="videoLivePlayer"> |
285 <img src="<?php echo($C_REP); ?>/images/big_visuel_rsln_mb.jpg" width="500" height="375" /> |
311 <img src="<?php echo($big_visual_url); ?>" width="500" height="375" /> |
286 </div> |
312 </div> |
287 <?php endif; ?> |
313 <?php endif; ?> |
288 |
314 |
289 </div> |
315 </div> |
290 |
316 |
292 |
318 |
293 <div class="arrowContainer"> |
319 <div class="arrowContainer"> |
294 <div class="arrow"> </div> |
320 <div class="arrow"> </div> |
295 </div> |
321 </div> |
296 <div class="videoLiveProgramTitle"> |
322 <div class="videoLiveProgramTitle"> |
297 <b><?php echo($C_title); ?></b></div> |
323 <b><?php echo($config['title']); ?></b></div> |
298 <div class="videoLiveProgramDescription"> |
324 <div class="videoLiveProgramDescription"> |
299 <br><?php echo($C_description); ?></div> |
325 <br><?php echo($config['description']); ?></div> |
300 |
326 |
301 |
327 |
302 </div> |
328 </div> |
303 |
329 |
304 <div class="tweetWriter"> |
330 <div class="tweetWriter"> |
305 <h3 class="tweetWriterTitle"><?php print $translate->_("ClientTitle1 :"); ?></h3> |
331 <h3 class="tweetWriterTitle"><?php print $translate->_("ClientTitle1 :"); ?></h3> |
306 <form action="tweet.php" method="post" id="statusform" > |
332 <form action="tweet.php" method="post" id="statusform" > |
307 <?php if (!isset($_SESSION['TWITTER_ACCESS_TOKEN'])){ |
333 <?php if (!isset($_SESSION['TWITTER_ACCESS_TOKEN'])){ |
308 echo("<div class='loginbutton' ><a href='".URL_ROOT."?CONNECT=true' class='loginlink'> |
334 echo("<div class='loginbutton' ><a href='".URL_ROOT."$rep/client.php?CONNECT=true' class='loginlink'> |
309 ".$translate->_("Vous n'êtes pas connecté.")."</a></div>"); |
335 ".$translate->_("Vous n'êtes pas connecté.")."</a></div>"); |
310 }else{ |
336 }else{ |
311 echo("<textarea name='status' id='status' rows='3' cols='50' onkeypress='return imposemax(this);'>".$C_hashtag."</textarea>"); |
337 echo("<textarea name='status' id='status' rows='3' cols='50' onkeypress='return imposemax(this);'>$config[hashtag]</textarea>"); |
312 } |
338 } |
313 ?> |
339 ?> |
314 |
340 |
315 |
341 |
316 <div id="messageSuccess" style="background-color:lightgreen;"> |
342 <div id="messageSuccess" style="background-color:lightgreen;"> |