src/js/site.js
changeset 31 cbb1425bc769
child 38 94899a565089
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/src/js/site.js	Fri Sep 09 15:13:06 2011 +0200
@@ -0,0 +1,203 @@
+/* site.js - all our site-dependent config : player chrome, cdn locations, etc...*/
+
+IriSP.lib = { 
+		jQuery:"http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js",
+		jQueryUI:"http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.4/jquery-ui.min.js",
+		jQueryToolTip:"http://cdn.jquerytools.org/1.2.4/all/jquery.tools.min.js",
+		swfObject:"http://ajax.googleapis.com/ajax/libs/swfobject/2.2/swfobject.js",
+		cssjQueryUI:"http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.4/themes/base/jquery-ui.css"
+};
+
+//Player Configuration 
+IriSP.config = undefined;
+IriSP.configDefault = {
+		metadata:{
+			format:'cinelab',
+			src:'',
+			load:'jsonp'
+		},
+		gui:{
+			width:650,
+			height:0,
+			mode:'radio',
+			container:'LdtPlayer',
+			debug:false, 
+			css:'../src/css/LdtPlayer.css'
+		},
+		player:{
+			type:'jwplayer',
+			src:'../res/swf/player.swf',
+			params:{
+				allowfullscreen:"true", 
+				allowscriptaccess:"always",
+				wmode:"transparent"
+			},
+			flashvars:{
+				streamer:"streamer",
+				file:"file", 
+				live:"true",
+				autostart:"false",
+				controlbar:"none",
+				playerready:"IriSP.playerReady"
+			},
+			attributes:{
+				id:"Ldtplayer1",  
+				name:"Ldtplayer1"
+			}
+		},
+		module:null
+};
+
+//Player Variable
+/* FIXME: use an sharing library */
+IriSP.LdtShareTool = ""+
+"\n<a onclick=\"__IriSP.MyApiPlayer.share('delicious');\" title='partager avec delicious'><span class='share shareDelicious'>&nbsp;</span></a>"+		
+"\n<a onclick=\"__IriSP.MyApiPlayer.share('facebook');\" title='partager avec facebook'> <span class='share shareFacebook'>&nbsp;</span></a>"+
+"\n<a onclick=\"__IriSP.MyApiPlayer.share('twitter');\" title='partager avec twitter'>  <span class='share shareTwitter'>&nbsp;</span></a>"+
+"\n<a onclick=\"__IriSP.MyApiPlayer.share('myspace');\" title='partager avec Myspace'>  <span class='share shareMySpace'>&nbsp;</span></a>";
+
+/* FIXME: move the function out of this file to ui.js*/
+IriSP.createPlayerChrome = function(){
+	var width = IriSP.config.gui.width;
+	var height = IriSP.config.gui.height;
+	var heightS = IriSP.config.gui.height-20;
+	
+	// AUDIO  */
+	// PB dans le html : ; 
+	IriSP.trace( "__IriSP.createMyHtml",IriSP.config.gui.container );
+
+	
+	/* FIXME : factor this in another file */
+	if( IriSP.config.gui.mode=="radio" ){
+	
+	IriSP.jQuery( "#"+IriSP.config.gui.container ).before(
+	"<div id='LdtSearchContainer'  style='margin-left:445px;position:absolute;'>\n"+
+	"<div id='LdtSearch' style='display:none;background-color:#EEE;width:165px;boder:1px;border-color:#CFCFCF;position:absolute;text-align:center;'><input id='LdtSearchInput' style='margin-top:2px;margin-bottom:2px;' /></div>	\n"+
+	"</div>\n"+
+	" <div class='cleaner'></div>");
+	IriSP.trace("__IriSP.createHtml",IriSP.config.gui.container);
+	
+	IriSP.jQuery( "<div id='Ldt-Root'>\n"+
+		"	<div id='Ldt-PlaceHolder'>\n"+
+		"		<a href='http://www.adobe.com/go/getflashplayer'>Get flash</a> to see this player	\n"+
+		"	</div>\n"+
+		"	<div id='Ldt-controler' class='demo'>\n"+
+		"		<div class='Ldt-Control1' >\n"+
+		"			<button id='ldt-CtrlPlay' onclick='__IriSP.MyApiPlayer.play()'>Lecture / Pause </button>\n"+
+		"			<button id='ldt-CtrlNext' onclick='__IriSP.MyLdt.nextAnnotation()'>Suivant</button>\n"+
+		"		</div>\n"+
+		"		<div id='Ldt-Annotations' class='ui-slider'>\n"+
+		"			<div id='slider-range-min'></div>\n"+
+		"	</div>\n"+
+		"		<div class='Ldt-Control2'>\n"+
+		"			<button id='ldt-CtrlLink'  onclick='__IriSP.searchblock()'> Rechercher </button>\n"+
+		"			<button id='ldt-CtrlSound' onclick='__IriSP.MyApiPlayer.mute()'>Sound</button>\n"+
+		"		</div>\n"+
+		"  <div class='cleaner'>&nbsp\;</div> \n"+
+		"  <div id='Ldt-Show-Arrow-container'>\n"+
+		"  	<div id='Ldt-Show-Arrow'> </div>\n"+
+		"  </div>\n"+
+		"</div>\n"+
+		"<div>\n"+
+		" <div id='ldt-Show'> </div>\n"+
+		"	<div id='Ldt-ShowAnnotation-audio' class='demo' >\n"+
+		"		<div id='Ldt-SaTitle'></div>\n"+
+		"		<div id='Ldt-SaDescription'></div>\n"+
+		" 		<div class='cleaner'><!--&nbsp\;--></div>\n"+
+		" </div>\n"+
+		" <div id='Ldt-SaKeyword'>\n"+
+		" <div id='Ldt-SaKeywordText'>  </div>\n"+
+		" <div class='cleaner'></div>\n"+
+		" <div id='Ldt-SaShareTools'>\n"+
+		" \n"+
+		" "+IriSP.LdtShareTool+"\n"+
+		" \n"+
+		"  </div>\n"+
+		" <div class='cleaner'></div>"+
+		"</div>  "+
+		//"<div id='Ldt-Tags'> Mots clefs : </div>"+
+		"</div>"+
+		"<div id='Ldt-output' style='clear:left;float:none;position:relative;height:200px;width:"+width+"px;overflow:scroll;' ></div>").appendTo("#"+IriSP.config.gui.container);
+		// special tricks IE 7
+		if (IriSP.jQuery.browser.msie==true && IriSP.jQuery.browser.version=="7.0"){
+			//LdtSearchContainer
+			//__IriSP.jQuery("#LdtPlayer").attr("margin-top","50px");
+			IriSP.jQuery("#Ldt-Root").css("padding-top","25px");
+					IriSP.trace("__IriSP.createHtml","IE7 SPECIAL ");
+		}
+	} else if(IriSP.config.gui.mode=="video") {
+	
+		IriSP.jQuery(  "<div id='LdtSearchContainer'  style='margin-top:"+heightS+"px;margin-left:445px;position:absolute;'>\n"+
+		"<div id='LdtSearch' style='background-color:#EEE;display:none;width:165px;boder:1px;border-color:#CFCFCF;position:absolute;text-align:center;z-index:999;'><input id='LdtSearchInput' style='margin-top:2px;margin-bottom:2px;' /></div>	\n"+
+		"</div>\n"+
+		"<div id='Ldt-Root'>\n"+
+		"	<div id='Ldt-PlaceHolder'>\n"+
+		"		<a href='http://www.adobe.com/go/getflashplayer'>Get flash</a> to see this player	\n"+
+		"	</div>\n"+
+					
+		"	<div id='Ldt-controler' class='demo'>\n"+
+		"		<div class='Ldt-Control1' >\n"+
+		"			<button id='ldt-CtrlPlay' onclick='__IriSP.MyApiPlayer.play()'>Lecture / Pause </button>\n"+
+		"			<button id='ldt-CtrlNext' onclick='__IriSP.MyLdt.nextAnnotation()'>Suivant</button>\n"+
+		"		</div>\n"+
+		"		<div id='Ldt-Annotations' class='ui-slider'>\n"+
+		"			<div id='slider-range-min'></div>\n"+
+		"	</div>\n"+
+		"		<div class='Ldt-Control2'>\n"+
+		"			<button id='ldt-CtrlLink'  onclick='__IriSP.searchblock()'> Rechercher </button>\n"+
+		"			<button id='ldt-CtrlSound' onclick='__IriSP.MyApiPlayer.mute()'>Sound</button>\n"+
+		"		</div>\n"+
+		"  <div class='cleaner'>&nbsp\;</div> \n"+
+		"  <div id='Ldt-Show-Arrow-container'>\n"+
+		"  	<div id='Ldt-Show-Arrow'> </div>\n"+
+		"  </div>\n"+
+		"</div>\n"+
+		"<div>\n"+
+		" <div id='ldt-Show'> </div>\n"+
+		"	<div id='Ldt-ShowAnnotation-audio' class='demo' >\n"+
+		"		<div id='Ldt-SaTitle'></div>\n"+
+		"		<div id='Ldt-SaDescription'></div>\n"+
+		" 		<div class='cleaner'><!--&nbsp\;--></div>\n"+
+		" </div>\n"+
+		" <div id='Ldt-SaKeyword'>\n"+
+		" <div id='Ldt-SaKeywordText'>  </div>\n"+
+		" <div class='cleaner'></div>\n"+
+		" <div id='Ldt-SaShareTools'>\n"+
+		" \n"+
+		" "+IriSP.LdtShareTool+"\n"+
+		" \n"+
+		"  </div>\n"+
+		" <div class='cleaner'></div>"+
+		"</div>  "+
+		//"<div id='Ldt-Tags'> Mots clefs : </div>"+
+		"</div>"+
+		"<div id='Ldt-output'></div>").appendTo("#"+IriSP.config.gui.container);
+	
+	}
+	
+	
+	IriSP.trace("__IriSP.createHtml",IriSP.jQuery.browser.msie+" "+IriSP.jQuery.browser.version);		
+	IriSP.trace("__IriSP.createHtml","end");
+	IriSP.jQuery("#Ldt-Annotations").width(width-(75*2));
+	IriSP.jQuery("#Ldt-Show-Arrow-container").width(width-(75*2));
+	IriSP.jQuery("#Ldt-ShowAnnotation-audio").width(width-10);
+	IriSP.jQuery("#Ldt-ShowAnnotation-video").width(width-10);
+	IriSP.jQuery("#Ldt-SaKeyword").width(width-10);
+	IriSP.jQuery("#Ldt-controler").width(width-10);
+	IriSP.jQuery("#Ldt-Control").attr("z-index","100");
+	IriSP.jQuery("#Ldt-controler").hide();
+	
+	IriSP.jQuery("<div id='Ldt-load-container'><div id='Ldt-loader'>&nbsp;</div> Chargement... </div>").appendTo("#Ldt-ShowAnnotation-audio");
+
+	if(IriSP.config.gui.mode=='radio'){
+		IriSP.jQuery("#Ldt-load-container").attr("width",IriSP.config.gui.width);
+	}
+	// Show or not the output
+	if(IriSP.config.gui.debug===true){
+		IriSP.jQuery("#Ldt-output").show();
+	} else {
+		IriSP.jQuery("#Ldt-output").hide();
+	}
+	
+};
+