--- a/web/player_embed.php Mon Mar 05 18:41:11 2012 +0100
+++ b/web/player_embed.php Tue Mar 06 13:22:18 2012 +0100
@@ -19,55 +19,120 @@
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
- <title>RSLN - Polemic player embed page</title>
-
- <!-- JAVASCRIPT -->
- <script type="text/javascript" src="<?php echo(registry_url('jquery','js'))?>"></script>
- <script type="text/javascript">
- $.noConflict();
- </script>
- <script type="text/javascript" src="<?php echo(registry_url('jquery-ui','js'))?>"></script>
- <script type="text/javascript" src="<?php echo(registry_url('raphael','js'))?>"></script>
-
- <!-- FONT -->
- <link href='<?php echo(registry_url('PT-Sans_Narrow','font'))?>' rel='stylesheet' type='text/css'>
- <link href='<?php echo(registry_url('PT-Sans','font'))?>' rel='stylesheet' type='text/css'>
- <link href='<?php echo(registry_url('Geo','font'))?>' rel='stylesheet' type='text/css'>
+ <title>Polemic Tweet Embedded Player</title>
+ <script type="text/javascript" src="<?php echo(registry_url('json-js','js'));?>"></script>
+ <script type="text/javascript" src="<?php echo(registry_url('jquery','js'));?>"></script>
+ <script type="text/javascript">
+ $.noConflict();
+ </script>
+ <script type="text/javascript" src="<?php echo(registry_url('jquery-url','js'));?>"></script>
+ <script type="text/javascript" src="<?php echo(registry_url('metadataplayer','js'));?>"></script>
+
+
+ <!-- FONT -->
+ <link href='<?php echo(registry_url('PT-Sans_Narrow','font'));?>' rel='stylesheet' type='text/css'/>
+ <link href='<?php echo(registry_url('PT-Sans','font'));?>' rel='stylesheet' type='text/css'/>
+
+
+ <script type="text/javascript">
+ // Configuration Polemical Timeline
+ if (typeof jQuery == "undefined") {
+ jQuery = IriSP.jQuery;
+ }
+ <?php
+ if(is_array($translate->_('config__metadata'))):
+ reset($translate->_('config__metadata'));
+ $first_key = key($translate->_('config__metadata'));
+ ?>
+ var metadatas = jQuery.parseJSON('<?php echo(json_encode($translate->_('config__metadata'))); ?>');
+ var url = jQuery.url();
+ var metadata_key = url.fparam('metadata');
+ if(typeof metadata_key === "undefined" || metadata_key.length === 0) {
+ metadata_key = "<?php echo($first_key);?>";
+ }
+ <?php else: ?>
+ var metadatas = { metadata: {url: "<?php echo($translate->_('config__metadata'));?>", duration: <?php echo($translate->_('config__duration'))?>} };
+ var metadata_key = "metadata";
+ <?php endif;?>
+ IriSP.libdir = "<?php echo(registry_url('libdir','js'));?>";
+ IriSP.jwplayer_swf_path = "<?php echo(URL_ROOT); ?>res/mediaplayer/player.swf";
+ IriSP.platform_url = "http://ldt.iri.centrepompidou.fr/";
+ var json_url = metadatas[metadata_key].url;
+ var config = {
+ gui:{
+ width:650,
+ height:800,
+ container:'LdtPlayer',
+ css:'<?php echo(registry_url('metadataplayer','css'));?>',
+ default_options : {
+ metadata:{
+ format:'cinelab',
+ src: json_url,
+ type:'json'},
+ width: 650
+ },
+ widgets: [
+ {type: "PolemicWidget",
+ requires: [{
+ type: "TooltipWidget",
+ width: 180,
+ height: 160,
+ metadata : {type:'empty'
+ }
+ }],
+ height: 75
+ },
+ {type: "SliderWidget"},
+ {type: "PlayerWidget", // please note that type refers directly to the constructor of the widget.
+ mode: "radio"},
+ {type: "SegmentsWidget",
+ requires: [{
+ type: "TooltipWidget",
+ width: 180,
+ height: 160,
+ }],
+ width: 650
+ },
+ {type: "ArrowWidget"},
+ {type: "TweetsWidget"},
+ {type: "AnnotationsWidget"}
+ ]
+ },
+ player:{
+ type:'jwplayer',
+ live: true,
+ height: 400,
+ width: 650,
+ provider: "rtmp"
+ },
+ modules: [
+ { type: "MediaFragment",
+ metadata:{
+ format:'cinelab',
+ src:json_url,
+ type:'json'}
+ }]
+
+ };
+ </script>
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-23581291-1']);
+ _gaq.push(['_trackPageview', location.pathname + location.search + location.hash]);
+ _gaq.push(['_setAllowAnchor', true]);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
<style type="text/css">
body{
padding:0px;
margin:0px;
}
- .tooltip{
- z-index: 10000000000;
- }
- #tip{
- position : absolute;
- padding : 3px;
- z-index: 10000000000;
- max-width: 200px;
- }
- #tip {
- display: none;
- background: transparent url("<?php echo(URL_ROOT);?>images/white_arrow_long.png");
- font-size: 12px;
- height: 125px;
- width: 180px;
- padding: 10px;
- padding-left: 15px;
- padding-top: 15px;
- padding-right: 15px;
- color: black;
- z-index: 10000000000;
- font-family: "Trebuchet MS", "Helvetica", "Arial", "Verdana", "sans-serif";
- overflow:hidden;
- }
- #chartTimeline{
- padding-top: 0px;
- z-index: 9;
- position : absolute;
- }
</style>
<script type="text/javascript">
@@ -84,66 +149,9 @@
</script>
</head>
- <script type="text/javascript">
- // Configuration Polemical Timeline
- var config = {
- target:"chartTimeline",
- x:8,
- y:418,
- width:<?php echo($config['player_width']); ?>,
- height:<?php echo($config['player_height']); ?>,
- heightmax:<?php echo($config['player_height']); ?>,
- duration:<?php echo($config['duration']); ?>,
- metadata:"<?php echo($translate->_('config__metadata')); ?>"
- }
- </script>
- <script type='text/javascript' src='<?php echo(URL_ROOT);?>res/metadataplayer.polemic/src/js/polemic.js'></script>
-
- <body>
- <!-- tooltip -->
- <div id="tip">
- <div id="tipcolor" style="height:10px;width:10px"></div>
- <div id="tiptext"></div>
- </div>
-
- <div class="root" >
- <div class="videoLivePlayer">
- <div id="chartTimeline"> </div>
- <script type="text/javascript">
- var paper = Raphael(document.getElementById("chartTimeline"),config.width, config.height);
- </script>
- <script type='text/javascript' src='<?php echo(URL_ROOT.$config['player']);?>'></script>
- <script type="text/javascript">
- jQuery.extend(__IriSP.lib,{
- jQueryToolTip:"<?php echo(registry_url('jquery-tools','js'));?>",
- jQueryUI:"<?php echo(registry_url('jquery-ui','js'));?>",
- swfObject:"<?php echo(registry_url('swfobject','js'));?>",
- cssjQueryUI:"<?php echo(registry_url('jquery-ui','css'));?>"
- });
- </script>
- <div id="player_project_843fff80-6b50-11e0-8aef-00145ea49a02_embed" class="iri_player_embed"> </div>
-
- <script type="text/javascript">
- var configMP = {
- metadata:{
- format:'cinelab',
- src:'<?php echo($translate->_('config__metadata')); ?>',
- load:'jsonp'},
- gui:{
- width:<?php echo($config['player_width']); ?>,
- height:<?php echo($config['player_height']); ?>,
- mode:'video',
- container:'player_project_843fff80-6b50-11e0-8aef-00145ea49a02_embed',
- debug:false,
- css:'<?php echo(URL_ROOT);?>res/css/LdtPlayer.css'},
-
- player:{
- type:'jwplayer',
- src:'<?php echo(URL_ROOT);?>res/mediaplayer/player.swf'}
- };
- __IriSP.init(configMP);
- </script>
- </div>
- </div>
+ <div id="LdtPlayer"></div>
+<script type="text/javascript">
+ IriSP.initPlayer(config, json_url);
+</script>
</body>
</html>