diff -r 6edf399cfa26 -r 430c1a7a09de src/js/LdtPlayer.js --- a/src/js/LdtPlayer.js Wed Nov 30 11:22:01 2011 +0100 +++ /dev/null Thu Jan 01 00:00:00 1970 +0000 @@ -1,839 +0,0 @@ -/* - * Copyright 2010 Institut de recherche et d'innovation - * contributor(s) : Samuel Huron - * Use Silvia Pfeiffer 's javascript mediafragment implementation - * - * contact@iri.centrepompidou.fr - * http://www.iri.centrepompidou.fr - * - * This software is a computer program whose purpose is to show and add annotations on a video . - * This software is governed by the CeCILL-C license under French law and - * abiding by the rules of distribution of free software. You can use, - * modify and/ or redistribute the software under the terms of the CeCILL-C - * license as circulated by CEA, CNRS and INRIA at the following URL - * "http://www.cecill.info". - * - * The fact that you are presently reading this means that you have had - * knowledge of the CeCILL-C license and that you accept its terms. -*/ - -if ( window.IriSP === undefined && window.__IriSP === undefined ) { - var IriSP = {}; - var __IriSP = IriSP; /* for backward compatibility */ -} - - -// Official instance - to refactor ? -IriSP.MyLdt = null; -IriSP.MyTags = null; -IriSP.MyApiPlayer = null; -IriSP.player = null; - -// genral var (old code) - to refactor -IriSP.Durration = null; -IriSP.playerLdtWidth = null; -IriSP.playerLdtHeight = null; - -IriSP.loadLibs = function( libs, customCssPath, callback ) { - // Localize jQuery variable - IriSP.jQuery = null; - - /* FIXME : to refactor using popcorn.getscript ? */ - /******** Load jQuery if not present *********/ - if ( window.jQuery === undefined || window.jQuery.fn.jquery !== '1.4.2' ) { - - var script_tag = document.createElement( 'script' ); - script_tag.setAttribute( "type", "text/javascript" ); - script_tag.setAttribute( "src", libs.jQuery ); - - script_tag.onload = scriptLibHandler; - script_tag.onreadystatechange = function () { // Same thing but for IE - if ( this.readyState == 'complete' || this.readyState == 'loaded' ) { - scriptLibHandler(); - } - }; - - // Try to find the head, otherwise default to the documentElement - ( document.getElementsByTagName("head")[0] || document.documentElement ).appendChild( script_tag ); - } else { - // The jQuery version on the window is the one we want to use - IriSP.jQuery = window.jQuery; - scriptLibHandler(); - } - - /******** Called once jQuery has loaded ******/ - function scriptLibHandler() { - - var script_jqUi_tooltip = document.createElement( 'script' ); - script_jqUi_tooltip.setAttribute( "type", "text/javascript" ); - script_jqUi_tooltip.setAttribute( "src", libs.jQueryToolTip ); - script_jqUi_tooltip.onload = scriptLoadHandler; - script_jqUi_tooltip.onreadystatechange = function () { // Same thing but for IE - if ( this.readyState == 'complete' || this.readyState == 'loaded' ) { - scriptLoadHandler( "jquery.tools.min.js loded" ); - } - }; - - var script_swfObj = document.createElement('script'); - script_swfObj.setAttribute( "type","text/javascript" ); - script_swfObj.setAttribute( "src",libs.swfObject ); - script_swfObj.onload = scriptLoadHandler; - script_swfObj.onreadystatechange = function () { // Same thing but for IE - if ( this.readyState == 'complete' || this.readyState == 'loaded' ) { - scriptLoadHandler( "swfobject.js loded" ); - } - }; - - var script_jqUi = document.createElement( 'script' ); - script_jqUi.setAttribute( "type","text/javascript" ); - script_jqUi.setAttribute( "src",libs.jQueryUI ); - script_jqUi.onload = scriptLoadHandler; - script_jqUi.onreadystatechange = function () { // Same thing but for IE - if ( this.readyState == 'complete' || this.readyState == 'loaded' ) { - scriptLoadHandler( "jquery-ui.min.js loded" ); - } - }; - - - ( document.getElementsByTagName("head")[0] || document.documentElement ).appendChild( script_jqUi_tooltip); - ( document.getElementsByTagName("head")[0] || document.documentElement ).appendChild( script_jqUi ); - ( document.getElementsByTagName("head")[0] || document.documentElement ).appendChild( script_swfObj ); - - - }; - - /******** Called once all lib are loaded ******/ - var loadLib = 0; - /* FIXME : ugly */ - function scriptLoadHandler( Mylib ) { - //alert(Mylib); - loadLib +=1; - if( loadLib===3 ) { - main(); - } - }; - - /******** Our main function ********/ - function main() { - - - // Make our own IriSP.jQuery and restore window.jQuery if there was one. - IriSP.jQuery = window.jQuery.noConflict( true ); - // Call our Jquery - IriSP.jQuery( document ).ready( function($) { - - /******* Load CSS *******/ - var css_link_jquery = IriSP.jQuery( "", { - rel: "stylesheet", - type: "text/css", - href: libs.cssjQueryUI, - 'class': "dynamic_css" - } ); - var css_link_custom = IriSP.jQuery( "", { - rel: "stylesheet", - type: "text/css", - href: customCssPath, - 'class': "dynamic_css" - } ); - - css_link_jquery.appendTo( 'head' ); - css_link_custom.appendTo( 'head' ); - - // to see dynamicly loaded css on IE - if ( $.browser.msie ) { - $( '.dynamic_css' ).clone().appendTo( 'head' ); - } - - callback(); - }); - } -}; - -IriSP.init = function ( config ) { - if ( config === null ) { - IriSP.config = IriSP.configDefault; - } else { - - IriSP.config = config; - - if ( IriSP.config.player.params == null ) { - IriSP.config.player.params = IriSP.configDefault.player.params; - } - - if ( IriSP.config.player.flashvars == null ) { - IriSP.config.player.flashvars = IriSP.configDefault.player.flashvars; - } - - if ( IriSP.config.player.attributes == null ) { - IriSP.config.player.attributes = IriSP.configDefault.player.attributes; - } - } - - var metadataSrc = IriSP.config.metadata.src; - var guiContainer = IriSP.config.gui.container; - var guiMode = IriSP.config.gui.mode; - var guiLdtShareTool = IriSP.LdtShareTool; - - IriSP.loadLibs(IriSP.lib, IriSP.config.gui.css, function() { - IriSP.createPlayerChrome(); - /******* Load Metadata *******/ - IriSP.getMetadata(); - }); - - //__IriSP.trace("main","ready createMyHtml"); - -}; - - -__IriSP.Media = function ( id, url, duration, title, description ) { - this.id = id; - this.url = url; - this.title = title; - this.description = description; - this.duration = duration; - this.lignes = new Array(); - - IriSP.trace( "__IriSP.Media" , "Media ID : "+id); - IriSP.trace( "__IriSP.Media" , "Media URL : "+url); - IriSP.trace( "__IriSP.Media" , "Media title : "+title); -}; - -__IriSP.Media.prototype.createPlayerMedia = function ( width, height, MyStreamer, MySwfPath) { - IriSP.MyApiPlayer = new __IriSP.APIplayer( width, height, this.url, this.duration, MyStreamer, MySwfPath); - //createPlayer(width,height,this.url,this.duration,MyStreamer,MySwfPath); -}; - -__IriSP.Media.prototype.getMediaDuration = function () { - return (this.duration); -}; - -__IriSP.Media.prototype.getMediaTitle = function (){ - return (this.title); -}; - - -__IriSP.APIplayer = function ( width, height, url, duration, streamerPath, MySwfPath){ - - - this.player = null; - this.hashchangeUpdate = null; - - this.width = width; - this.height = height; - this.url = url; - this.duration = duration; - this.streamerPath = streamerPath; - this.MySwfPath = MySwfPath; - - IriSP.MyApiPlayer = this; - - IriSP.createPlayer( this.url, this.streamerPath ); - IriSP.trace( "__IriSP.APIplayer", "__IriSP.createPlayer" ); - - //__IriSP.config.player - /* - - dailymotion // &enableApi=1&chromeless=1 - - youtube - - html5 - - flowplayer - - jwplayer - */ - -}; - -__IriSP.APIplayer.prototype.ready = function( player ) { - - //__IriSP.trace("__IriSP.APIplayer.prototype.APIpReady"," __IriSP.createInterface"); - IriSP.createInterface( this.width, this.height, this.duration ); - //__IriSP.trace("__IriSP.APIplayer.prototype.APIpReady","END __IriSP.createInterface"); - - // Search - //__IriSP.jQuery("#LdtSearchInput").change(function() {__IriSP.Search(this.value);}); - //__IriSP.jQuery("#LdtSearchInput").live('change', function(event) {__IriSP.Search(this.value);}); - IriSP.jQuery( "#LdtSearchInput" ).keydown( function() { IriSP.Search( this.value );} ); - IriSP.jQuery("#LdtSearchInput").keyup( function() { IriSP.Search( this.value );} ); - -}; - -__IriSP.APIplayer.prototype.pause = function(){ - this.hashchangeUpdate = true; - IriSP.player.sendEvent( 'PAUSE' ); -}; - -__IriSP.APIplayer.prototype.play = function() { - this.hashchangeUpdate = true; - var status = IriSP.player.media.paused; - - if ( status == true ){ - IriSP.player.play(); - } else { - IriSP.player.pause(); - } -}; - -__IriSP.APIplayer.prototype.mute = function() { - if (!IriSP.player.muted()) { - IriSP.player.mute(true); - IriSP.jQuery(" .ui-icon-volume-on ").css("background-position", "-130px -160px"); - } else { - IriSP.player.mute(false); - IriSP.jQuery( ".ui-icon-volume-on" ).css("background-position", "-144px -160px" ); - } - -}; - -__IriSP.APIplayer.prototype.share = function( network ) { - - /* FIXME : remove hardcoded */ - var MyMessage = encodeURIComponent( "J'écoute Les Retours du Dimanche : " ); - var MyURLNow = window.location.href; - var shareURL = null; - //alert(network+" : "+MyURLNow); - - /* FIXME : use a sharing library */ - if(network == "facebook"){ - shareURL = "http://www.facebook.com/share.php?u="; - }else if(network == "twitter"){ - shareURL = "http://twitter.com/home?status="+MyMessage; - }else if(network == "myspace"){ - shareURL ="http://www.myspace.com/Modules/PostTo/Pages/?u="; - }else if(network == "delicious"){ - shareURL = "http://delicious.com/save?url="; - }else if(network == "JameSpot"){ - shareURL = "http://www.jamespot.com/?action=spotit&u="; - //alert(network+" non actif pour l'instant : "+MyURLNow); - } - - if (shareURL != null) - window.open( shareURL+encodeURIComponent(MyURLNow) ); - //window.location.href = shareURL+encodeURIComponent(MyURLNow); -}; - -__IriSP.APIplayer.prototype.seek = function (time) { - - if( time==0 ) { time=1; } - - IriSP.trace( "__IriSP.APIplayer.prototype.seek", time ); - IriSP.player.currentTime( time ); -}; - -IriSP.currentPosition = 0; -IriSP.player = null; - -IriSP.createPlayer = function ( url, streamerPath ) { - IriSP.jQuery("#Ldt-PlaceHolder").html(""); // clear the message "you need flash to display this player - - if( IriSP.config.player.type=='dailymotion' ) { - - IriSP.config.player.src = IriSP.config.player.src+"&chromeless=1&enableApi=1"; - - } else if ( IriSP.config.player.type=='youtube' ) { - - - templ = "width: {{width}}px; height: {{height}}px; margin-bottom: 5px;"; - var str = Mustache.to_html(templ, {width: IriSP.config.gui.width, height: IriSP.config.gui.height}); - - // Popcorn.youtube wants us to specify the size of the player in the style attribute of its container div. - IriSP.jQuery("#Ldt-PlaceHolder").attr("style", str); - - IriSP.player = Popcorn.youtube( '#Ldt-PlaceHolder', IriSP.config.player.src, {"controls": 0} ); - - } else if ( IriSP.config.player.type=='jwplayer' ) { - - // for some reason, a stream won't play when it's display: none; - IriSP.jQuery("#Ldt-PlaceHolder").attr("style", "visibility: hidden;"); - IriSP.player = Popcorn.jwplayer( '#Ldt-PlaceHolder', "", - {file : "video/franceculture/franceculture_retourdudimanche20100620.flv", streamer: streamerPath, flashplayer : IriSP.config.player.src, - live: true, "controlbar.position" : "none", height: IriSP.config.gui.height, width: IriSP.config.gui.width, provider: "rtmp"} ); - - } - - IriSP.player.listen("timeupdate", IriSP.positionListener); - IriSP.player.listen("volumechange", IriSP.volumeListener); - IriSP.player.listen("play", IriSP.stateMonitor); - IriSP.player.listen("pause", IriSP.stateMonitor); - IriSP.MyApiPlayer.ready(); -}; - - -IriSP.stateMonitor = function () { - if(IriSP.player.paused()) { - IriSP.jQuery( ".ui-icon-play" ).css( "background-position","0px -160px" ); - IriSP.jQuery( "#ldt-CtrlPlay" ).attr("title", "Pause"); - } else { /* playing */ - IriSP.jQuery( ".ui-icon-play" ).css( "background-position", "-16px -160px" ); - IriSP.jQuery( "#ldt-CtrlPlay" ).attr("title", "Play"); - } -}; - -IriSP.positionListener = function() { - IriSP.currentPosition = IriSP.player.currentTime(); - - var tmp = document.getElementById( "posit" ); - if (tmp) { tmp.innerHTML = "position: " + IriSP.currentPosition; } - IriSP.jQuery( "#slider-range-min" ).slider( "value", IriSP.currentPosition); - IriSP.jQuery( "#amount" ).val(IriSP.currentPosition+" s"); - // display annotation - IriSP.MyLdt.checkTime( IriSP.currentPosition ); - -}; - -IriSP.volumeListener = function (obj) { - IriSP.currentVolume = obj.volume; - var tmp = document.getElementById("vol"); - if (tmp) { tmp.innerHTML = "volume: " + IriSP.currentVolume; } -}; - -/* utils */ -// code from http://stackoverflow.com/questions/822452/strip-html-from-text-javascript -/* FIXME: maybe make it a little more robust */ -IriSP.stripHtml = function(s){ - return s.replace(/\\&/g, '&').replace(/\\/g, '>').replace(/\\t/g, '   ').replace(/\\n/g, '
').replace(/'/g, ''').replace(/"/g, '"'); -}; - -// conversion de couleur Decimal vers HexaDecimal || 000 si fff -/* FIXME : move it somewhere else */ -IriSP.DEC_HEXA_COLOR = function (dec) { - var hexa='0123456789ABCDEF',hex=''; - var tmp; - while (dec>15){ - tmp = dec-(Math.floor(dec/16))*16; - hex = hexa.charAt(tmp)+hex; - dec = Math.floor(dec/16); - } - hex = hexa.charAt(dec)+hex; - if (hex == "FFCC00"){ hex="";/* by default color of Ldt annotation */ } - return(hex); -}; - - -/* Search methods */ -IriSP.SearchOldValue=""; -IriSP.searchblockOpen=false; -IriSP.searchblock = function () { - IriSP.trace( "__IriSP.searchblock", IriSP.searchblockOpen ); - - if ( IriSP.searchblockOpen == false ) { - IriSP.jQuery( ".ui-icon-search" ).css( "background-position", "-144px -112px" ); - //__IriSP.jQuery("#LdtSearch").animate({height:26},250); - IriSP.jQuery("#LdtSearch").show(250); - /* FIXME : refactor this */ - IriSP.jQuery("#LdtSearchInput").css('background-color','#fff'); - IriSP.jQuery("#LdtSearchInput").focus(); - IriSP.jQuery("#LdtSearchInput").attr('value',IriSP.SearchOldValue); - IriSP.Search(IriSP.SearchOldValue); - IriSP.searchblockOpen = true; - } else { - IriSP.SearchOldValue = IriSP.jQuery("#LdtSearchInput").attr('value'); - IriSP.jQuery("#LdtSearchInput").attr('value',''); - IriSP.SearchClean(); - IriSP.jQuery(".ui-icon-search").css("background-position","-160px -112px"); - //__IriSP.jQuery("#LdtSearch").animate({height:0},250); - IriSP.jQuery("#LdtSearch").hide(250); - IriSP.searchblockOpen = false; - } -}; - -/* Search with typeahead */ -IriSP.Search = function ( value ){ - - annotations = IriSP.LDTligne.annotations; - - IriSP.trace("__IriSP.Search", annotations.length+" "+value); - - var found = 0; - var findmem = 0; - var factor = 0; - IriSP.trace(value,value.length); - var valueS = value.toLowerCase(); - IriSP.trace("__IriSP.Search", annotations.length+" "+valueS); - if(valueS.length>=3){ - - for (var i=0; i < annotations.length; ++i){ - annotation = annotations[i]; - - IriSP.jQuery("#output2").text(annotation.title+" ?= "+value); - - chaine1 = annotation.title.toLowerCase(); - chaine2 = annotation.description.toLowerCase(); - chaine3 = annotation.htmlTags.toLowerCase(); - - if(chaine1.indexOf(valueS,0) !=-1){ - found+=1; - } - if(chaine2.indexOf(valueS,0) !=-1){ - found+=1; - } - if(chaine3.indexOf(valueS,0) !=-1){ - found+=1; - } - - findmem += found; - if(found>0){ - factor = found*8; - IriSP.jQuery("#"+annotation.id).dequeue(); - IriSP.jQuery("#"+annotation.id).animate({height:factor},200); - IriSP.jQuery("#"+annotation.id).css('border','2px'); - IriSP.jQuery("#"+annotation.id).css('border-color','red'); - IriSP.jQuery("#"+annotation.id).animate({opacity:0.6},200); - - IriSP.trace("!!!!!!!!!!!!!!!!!!"," ?= "+annotation.id); - IriSP.jQuery("#LdtSearchInput").css('background-color','#e1ffe1'); - }else { - IriSP.jQuery("#"+annotation.id).dequeue(); - IriSP.jQuery("#"+annotation.id).animate({height:0},250); - IriSP.jQuery("#"+annotation.id).animate({opacity:0.3},200); - } - - found = 0; - } - if(findmem==0){ - IriSP.jQuery("#LdtSearchInput").css('background-color','#f6f6f6'); - } - - } else if(value.length==0){ - IriSP.SearchClean(); - IriSP.jQuery("#LdtSearchInput").css('background-color','#fff'); - } else { - IriSP.SearchClean(); - IriSP.jQuery("#LdtSearchInput").css('background-color','#f6f6f6'); - } -}; - -IriSP.SearchClean = function (){ - annotations = IriSP.LDTligne.annotations; - - for (var i=0; i < annotations.length; ++i){ - annotation = annotations[i]; - IriSP.jQuery("#"+annotation.id).dequeue(); - IriSP.jQuery("#"+annotation.id).animate({height:0},100); - IriSP.jQuery("#"+annotation.id).css('border','0px'); - IriSP.jQuery("#"+annotation.id).css('border-color','red'); - IriSP.jQuery("#"+annotation.id).animate({opacity:0.3},100); - } -}; - - -IriSP.SearchThisSegment = function (annotation){ - /* FIXME: to implement */ - IriSP.jQuery("#LdtSearchInput").text(annotation.title); - IriSP.trace("__IriSP.Ligne.prototype.checkTimeLigne",annotation.title); - /*__IriSP.jQuery("#Ldt-SaDescription").text(annotationTempo.description); - __IriSP.jQuery("#Ldt-SaKeywordText").html("Mots clefs : "+annotationTempo.htmlTags);*/ -}; - - -/* CLASS Ligne (annotationType) */ - -IriSP.LDTligne = null; -__IriSP.Ligne = function( id, title, description, duration ) { - this.id = id; - this.title = title; - this.description = description; - // - this.annotations = new Array(); - this.duration = duration; - this.annotationOldRead = ""; - IriSP.LDTligne = this; - IriSP.trace("__IriSP.Ligne","CREATE "+IriSP.LDTligne); -}; - -__IriSP.Ligne.prototype.addAnnotation = function ( id, begin, end, media, title, description, color, tags ) { - var myAnnotation = new __IriSP.Annotation(id,begin,end,media,title,description,color,tags,this.duration); - this.annotations.push(myAnnotation); - //__IriSP.trace("__IriSP.Ligne.prototype.addAnnotation ","add annotation "+title); -}; - -__IriSP.Ligne.prototype.onClickLigneAnnotation = function( id ) { - /* TODO implement */ - //changePageUrlOffset(currentPosition); - //player.sendEvent('SEEK', this.start); - //__IriSP.trace("SEEK",this.start); -}; - -__IriSP.Ligne.prototype.searchLigneAnnotation = function( id ) { - /* TODO implement */ - /*for (){ - }*/ -}; - -__IriSP.Ligne.prototype.listAnnotations = function() { - /* TODO implement */ -}; - -__IriSP.Ligne.prototype.nextAnnotation = function () { - - var annotationCibleNumber = this.numAnnotation(this.annotationOldRead)+1; - var annotationCible = this.annotations[annotationCibleNumber]; - - if( annotationCibleNumberannotationTempo.begin/1000 && time"+IriSP.jQueryAnnotationTemplate+"").appendTo("#Ldt-Annotations"); - // TOOLTIP BUG ! - - IriSP.jQuery("#"+this.id).tooltip({ effect: 'slide'}); - - - IriSP.jQuery("#"+this.id).fadeTo(0,0.3); - IriSP.jQuery("#"+this.id).mouseover(function() { - IriSP.jQuery("#"+this.id).animate({opacity: 0.6}, 5); - }).mouseout(function(){ - IriSP.jQuery("#"+this.id).animate({opacity: 0.3}, 5); - }); - IriSP.trace("__IriSP.Annotation.prototype.draw","ADD ANOTATION : "+this.begin+" "+this.end+" "+IriSP.stripHtml(this.title)+" | "+startPourcent+" | "+endPourcent+" | duration = "+this.duration); - -}; - -__IriSP.Annotation.prototype.drawTags = function(){ - /* FIXME : to implement */ - var KeywordPattern = ' '+' '; - - //__IriSP.trace(" !? Tags : ",this.tags); - - if (this.tags!=undefined){ - for (var i = 0; i < this.tags.length; ++i){ - - //this.htmlTags += ' '+MyTags.getTitle(this.tags[i]['id-ref'])+' '+" , "; - this.htmlTags += ' '+IriSP.MyTags.getTitle(this.tags[i]['id-ref'])+' '+" , "; - - } - } -}; - -__IriSP.Annotation.prototype.tootTipAnnotation = function() { - // 1 chercher le div correspondant - // 2 y mettre les information - return this.color + ' ' + this.type + ' apple'; -}; - -__IriSP.Annotation.prototype.onRollOverAnnotation = function (){ - this.tootTip(); -}; - -__IriSP.Annotation.prototype.timeToPourcent = function(time,timetotal){ - return (parseInt(Math.round(time/timetotal*100))); -}; - - -/* CLASS Tags */ - -__IriSP.Tags = function(object){ - this.myTags = object; - this.htmlTags = null; - this.weigthMax = 0; - //this.mySegments = new array(); -}; - -__IriSP.Tags.prototype.addAnnotation = function (annotation){ - for (var i = 0; i < this.myTags.length; ++i){ - this.myTags[i].mySegments = new Array(); - if (annotation.tags!=null){ - for (var j = 0; j < annotation.tags.length; ++j){ - if (this.myTags[i]['id'] == annotation.tags[j]['id-ref']){ - this.myTags[i].mySegments.push([annotation.begin,annotation.end,annotation.id]); - var weigthTempo = this.myTags[i].mySegments.length; - var tempo = this.myTags[i].mySegments[weigthTempo-1]; - //__IriSP.trace ("__IriSP.Tags.prototype.addAnnotation "," "+this.myTags[i]['meta']['dc:title']+" "+this.myTags[i]['id']+" : "+tempo[0]+" - "+tempo[1]); - - if (this.weigthMax < weigthTempo ){ - this.weigthMax = weigthTempo; - } - } - } - } - } -}; - -__IriSP.Tags.prototype.getTitle = function (id){ - for (var i = 0; i < this.myTags.length; ++i){ - if(this.myTags[i]['id']==id){ - return(this.myTags[i]['meta']['dc:title']); - } - } - -}; - -__IriSP.Tags.prototype.draw = function (){ - - IriSP.trace("__IriSP.Tags.prototype.draw"," !!! WELL START " ); - for (var i = 0; i < this.myTags.length; ++i){ - IriSP.trace("__IriSP.Tags.prototype.draw"," ADD Tags : "+this.myTags[i]['id']); - if(this.myTags[i]['id']!=null){ - this.htmlTags += ' '+this.myTags[i]['meta']['dc:title']+' '+' , '; - } - } - - IriSP.jQuery('#Ldt-Tags').html(this.htmlTags); - IriSP.trace("__IriSP.Tags.prototype.draw"," !!!! END WMAX= "+this.weigthMax ); - -}; - -__IriSP.Tags.prototype.show = function (id){ - - var timeStartOffsetA = 100000000000000000000; - var timeStartOffsetB = 100000000000000000000; - var timeEndOffsetA = 0; - var timeEndOffsetB = 0; - var timeStartID; - var timeEndID; - var WidthPourCent; - var leftPourCent; - var timeStartOffset; - - // case 1 : seul segment - // case 2 : 2 ou X segments - - - for (var i = 0; i < this.myTags.length; ++i){ - if (this.myTags[i]['id']==id){ - IriSP.trace("######### TAG DRAWing : "," END" ); - - for (var j = 0; j < this.myTags[i].mySegments.length; ++j){ - if(timeStartOffset> this.myTags[i].mySegments[j][0]){ - timeStartOffsetA = this.myTags[i].mySegments[j][0]; - timeStartOffsetB = this.myTags[i].mySegments[j][1]; - timeStartID = this.myTags[i].mySegments[j][2] - } - if(timeStartOffset> this.myTags[i].mySegments[j][0]){ - timeEndOffsetA = this.myTags[i].mySegments[j][0]; - timeEndOffsetB = this.myTags[i].mySegments[j][1]; - timeEndID = this.myTags[i].mySegments[j][2] - } - } - - } - } - - // ------------------------------------------------- - // - // ------------------------------------------------- - - leftPourCent = IriSP.timeToPourcent((timeStartOffsetA*1+(timeStartOffsetB-timeStartOffsetA)/2),IriSP.MyLdt.duration); - WidthPourCent = IriSP.timeToPourcent((timeEndOffsetA*1+(timeEndOffsetB-timeEndOffsetA)/2),IriSP.MyLdt.duration)-leftPourCent; - //WidthPourCent = timeToPourcent((timeEndOffsetA*1+(timeEndOffsetB-timeEndOffsetA)/2),MyLdt.duration)-startPourcent; - IriSP.jQuery("#Ldt-Show-Tags").css('left',leftPourCent+'%'); - IriSP.jQuery("#Ldt-Show-Tags").css('width',WidthPourCent+'%'); - IriSP.jQuery("#Ldt-Show-Tags").text('joijoij'); - // like arrow script - - - -}; -