rollover over the interface buttons now works as expected.
Also changed the width of the buttons to the correct size.
Resized the width and height of the sprites to be the same as the boxes we display
them in.
/*
* 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.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;
// 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", IriSP.lib.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", IriSP.lib.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",IriSP.lib.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",IriSP.lib.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 ours Jquery
IriSP.jQuery( document ).ready( function($) {
/******* Load CSS *******/
var css_link_jquery = IriSP.jQuery( "<link>", {
rel: "stylesheet",
type: "text/css",
href: IriSP.lib.cssjQueryUI,
'class': "dynamic_css"
} );
var css_link_custom = IriSP.jQuery( "<link>", {
rel: "stylesheet",
type: "text/css",
href: IriSP.config.gui.css,
'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' );
}
//__IriSP.trace("main","ready createMyHtml");
IriSP.createPlayerChrome();
/******* Load Metadata *******/
IriSP.getMetadata();
});
}
};
__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);
};
/* FIXME : API player - work in progress ... need refactoring of code */
__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");
// hashchange EVENT
if ( window.addEventListener ){
// for firefox hashchange EVENT
window.addEventListener( "hashchange", function() {
var url = window.location.href;
var time = IriSP.retrieveTimeFragment( url );
IriSP.trace( "__IriSP.APIplayer.prototype.ready", time );
if( IriSP.MyApiPlayer.hashchangeUpdate==null ){
IriSP.MyApiPlayer.seek( time );
} else {
IriSP.MyApiPlayer.hashchangeUpdate = null;
}
}, false );
} else if (window.attachEvent){
// for ie hashchange EVENT
window.attachEvent( "onhashchange", function() {
IriSP.trace( "hashchange",time );
var url = window.location.href;
var time = IriSP.retrieveTimeFragment( url );
if( IriSP.MyApiPlayer.hashchangeUpdate == null ){
IriSP.MyApiPlayer.seek(time);
} else {
IriSP.MyApiPlayer.hashchangeUpdate = null;
}
}, false);
}
// 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;
//__IriSP.trace("__IriSP.config.player.type",__IriSP.config.player.type);
if( IriSP.config.player.type=='jwplayer' ){
IriSP.player.sendEvent( 'PLAY' );
} else if(IriSP.config.player.type == 'dailymotion'
|| IriSP.config.player.type == 'youtube' ) {
var status = IriSP.player.getPlayerState();
IriSP.trace( "__IriSP.APIplayer.prototype.play.status", status);
if ( status != 1 ){
IriSP.player.playVideo();
} else {
IriSP.player.pauseVideo();
}
}
};
__IriSP.APIplayer.prototype.mute = function() {
IriSP.player.sendEvent( 'MUTE' );
//alert(__IriSP.jQuery(".ui-icon-volume-on").css("background-position-x"));
/* FIXME : remove hardcoded values */
if ( IriSP.jQuery( ".ui-icon-volume-on" ).css( "background-position" ) == "-144px -160px" ){
IriSP.jQuery(" .ui-icon-volume-on ").css(" background-position ", "-130px -160px");
} else {
IriSP.jQuery( ".ui-icon-volume-on" ).css( "background-position", "-144px -160px" );
}
};
/* FIXME : rename */
__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 );
if( IriSP.config.player.type=='jwplayer') {
//__IriSP.MyApiPlayer.play()
IriSP.player.sendEvent( 'SEEK', time );
} else if( IriSP.config.player.type=='dailymotion'
|| IriSP.config.player.type=='youtube' ) {
IriSP.player.seekTo( time );
}
this.changePageUrlOffset( time );
};
__IriSP.APIplayer.prototype.update = function (time) {
if( time != 0 ) {
this.hashchangeUpdate = true;
IriSP.trace( "__IriSP.APIplayer.prototype.update" ,time);
IriSP.player.sendEvent( 'SEEK', time );
}
};
__IriSP.APIplayer.prototype.changePageUrlOffset = function ( time ) {
//alert(time);
IriSP.trace( "__IriSP.APIplayer.prototype.changePageUrlOffset" , "CHANGE URL "+ time);
window.location.hash = "#t=" + time;
window.location.href = window.location.href;
};
/* Media Fragment functionality by Silvia Pfeiffer */
IriSP.jumpToTimeoffset = function ( form ) {
var time = form.time.value;
IriSP.MyApiPlayer.changePageUrlOffset( time );
};
IriSP.retrieveTimeFragment = function ( url ) {
var pageoffset = 0;
var offsettime = 0;
if ( url.split("#")[1] != null ) {
pageoffset = url.split( "#" )[1];
if ( pageoffset.substring( 2 ) != null ) {
offsettime = pageoffset.substring( 2 );
}
}
return offsettime;
};
IriSP.ignoreTimeFragment = function( url ){
var pageurl = url;
if ( url.split( "#" )[1] != null ) {
pageurl = url.split( "#" )[0];
}
return pageurl;
};
/* code specific to jwplayer / creation and listener */
IriSP.currentPosition = 0;
IriSP.currentVolume = 50;
IriSP.player = null;
IriSP.startPosition = null;
IriSP.firstplay = false;
IriSP.createPlayer = function ( url, streamerPath ) {
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' ){
IriSP.config.player.src = IriSP.config.player.src+"&enablejsapi=1&version=3";
}
IriSP.trace( "__IriSP.createPlayer", "start" );
IriSP.myUrlFragment = url.split( streamerPath );
var configTemp = IriSP.jQuery.extend( true, {}, IriSP.config );
configTemp.player.flashvars.autostart = "true";
configTemp.player.flashvars.streamer = streamerPath;
configTemp.player.flashvars.file = IriSP.myUrlFragment[1];
var flashvars = configTemp.player.flashvars;
var params = configTemp.player.params;
var attributes = configTemp.player.attributes;
IriSP.trace(
"__IriSP.createPlayer",
"SWFOBJECT src:"+
IriSP.config.player.src+
" " +IriSP.config.gui.width+
" " +IriSP.config.gui.height
);
swfobject.embedSWF(
IriSP.config.player.src,
"Ldt-PlaceHolder",
IriSP.config.gui.width,
IriSP.config.gui.height,
"9.0.115", // FIXME : de-hardcode version ?
false,
flashvars,
params,
attributes
);
// need a methode to
// re execute if this swf call does'nt work
};
/* jw player api */
IriSP.playerReady = function (thePlayer) {
//__IriSP.trace("__IriSP.playerReady","PLAYER READY !!!!!!!!!!!!");
IriSP.player = window.document[thePlayer.id];
//__IriSP.trace("__IriSP.playerReady","API CALL "+__IriSP.player);
IriSP.MyApiPlayer.ready( IriSP.player );
//__IriSP.trace("__IriSP.playerReady","API CALL END ");
var url = document.location.href;
var time = IriSP.retrieveTimeFragment( url );
//__IriSP.trace("__IriSP.playerReady"," "+url+" "+time );
IriSP.startPosition = time;
//__IriSP.trace("__IriSP.playerReady"," LISTENER LAUCHER");
IriSP.addListeners();
//__IriSP.trace("__IriSP.playerReady"," LISTENER END");
};
IriSP.addListeners = function () {
if ( IriSP.player ) {
IriSP.trace("__IriSP.addListeners","ADD Listener ");
IriSP.player.addModelListener( "TIME", "__IriSP.positionListener");
IriSP.player.addControllerListener( "VOLUME", "__IriSP.volumeListener" );
IriSP.player.addModelListener( 'STATE', '__IriSP.stateMonitor' );
} else {
IriSP.setTimeout( "__IriSP.addListeners()", 100 );
}
// et changer les boutons
};
IriSP.stateMonitor = function ( obj ) {
if(obj.newstate == 'PAUSED') {
IriSP.trace( "__IriSP.stateMonitor", "PAUSE" );
IriSP.MyApiPlayer.changePageUrlOffset( IriSP.currentPosition );
IriSP.jQuery( ".ui-icon-play" ).css( "background-position","0px -160px" );
} else if (obj.newstate == 'PLAYING' ){
IriSP.trace( "__IriSP.stateMonitor", "PLAYING "+IriSP.startPosition );
// force buffering even if autostart is disabled.
if ( IriSP.config.player.flashvars.autostart == "false" && IriSP.firstplay == false && IriSP.startPosition == 0 ) {
IriSP.trace("__IriSP.stateMonitor","first stop ???");
IriSP.MyApiPlayer.play();
IriSP.firstplay = true;
IriSP.MyLdt.checkTime( 1 );
}
// once that the video is loaded, move it to the correct timecode
if( IriSP.startPosition!=null ){
IriSP.MyApiPlayer.update( IriSP.startPosition );
IriSP.startPosition = null;
}
IriSP.jQuery( ".ui-icon-play" ).css( "background-position", "-16px -160px" );
} else if (obj.newstate == 'BUFFERING'){
IriSP.trace( "__IriSP.stateMonitor", "BUFFERING : "+IriSP.config.player.flashvars.autostart );
//changePageUrlOffset(currentPosition);
}
};
IriSP.positionListener = function(obj) {
//__IriSP.trace("__IriSP.positionListener",obj.position);
IriSP.currentPosition = obj.position;
var tmp = document.getElementById( "posit" );
if (tmp) { tmp.innerHTML = "position: " + IriSP.currentPosition; }
IriSP.jQuery( "#slider-range-min" ).slider( "value", obj.position);
IriSP.jQuery( "#amount" ).val(obj.position+" s");
// display annotation
IriSP.MyLdt.checkTime( IriSP.currentPosition );
};
IriSP.volumeListener = function (obj) {
IriSP.currentVolume = obj.percentage;
var tmp = document.getElementById("vol");
if (tmp) { tmp.innerHTML = "volume: " + IriSP.currentVolume; }
};
/* dailymotion api */
onDailymotionPlayerReady = function (playerid) {
//alert(playerid);
IriSP.player = document.getElementById( IriSP.config.player.attributes.id );
IriSP.MyApiPlayer.ready( IriSP.player );
var url = document.location.href;
var time = IriSP.retrieveTimeFragment( url );
IriSP.startPosition = time;
IriSP.DailymotionAddListeners();
IriSP.MyApiPlayer.ready(playerid);
};
IriSP.DailymotionAddListeners = function () {
if ( IriSP.player ) {
IriSP.trace( "__IriSP.addListeners","ADD Listener " );
//__IriSP.player.addEventListener("onStateChange", "__IriSP.DailymotionPositionListener");
setTimeout( "__IriSP.DailymotionPositionListener()", 100);
IriSP.DailymotionPositionListener();
/* FIXME : works only with jwplayer */
IriSP.player.addModelListener( "VOLUME", "__IriSP.volumeListener" );
//__IriSP.player.addModelListener('STATE', '__IriSP.stateMonitor');
} else {
IriSP.setTimeout( "__IriSP.DailymotionAddListeners()", 100);
}
};
IriSP.DailymotionPositionListener = function() {
IriSP.currentPosition = IriSP.player.getCurrentTime();
//__IriSP.trace("__IriSP.DailymotionPositionListener",__IriSP.currentPosition);
//__IriSP.trace("__IriSP.currentPosition",__IriSP.currentPosition);
IriSP.jQuery( "#slider-range-min" ).slider( "value" , IriSP.currentPosition);
IriSP.jQuery( "#amount" ).val( IriSP.currentPosition+" s" );
// afficher annotation
/*__IriSP.MyLdt.checkTime(__IriSP.currentPosition);
*/
setTimeout( "__IriSP.DailymotionPositionListener()", 10 );
};
/* youtube api */
onYouTubePlayerReady= function (playerid){
var url = document.location.href;
var time = IriSP.retrieveTimeFragment( url );
IriSP.player = document.getElementById( IriSP.config.player.attributes.id );
IriSP.startPosition = time;
IriSP.MyApiPlayer.ready( IriSP.player );
IriSP.MyApiPlayer.seek( time );
IriSP.MyApiPlayer.play();
IriSP.YouTubeAddListeners();
IriSP.trace( "onYouTubePlayerReady=", time);
//__IriSP.MyApiPlayer.ready(playerid);
};
IriSP.YouTubeAddListeners = function () {
if ( IriSP.player ) {
IriSP.trace( "__IriSP.addListeners", "ADD Listener " );
IriSP.player.addEventListener( "onStateChange", "__IriSP.YouTubeStateMonitor" );
setTimeout( "__IriSP.YouTubePositionListener()", 100 );
/* FIXME : works only with jwplayer */
IriSP.player.addModelListener( "VOLUME", "__IriSP.volumeListener" );
//__IriSP.player.addModelListener('STATE', '__IriSP.stateMonitor');
} else {
}
};
IriSP.YouTubePositionListener = function() {
IriSP.currentPosition = IriSP.player.getCurrentTime();
//__IriSP.trace("__IriSP.YouTubePositionListener",__IriSP.currentPosition);
//__IriSP.trace("__IriSP.currentPosition",__IriSP.currentPosition);
IriSP.MyLdt.checkTime(IriSP.currentPosition);
IriSP.jQuery( "#slider-range-min" ).slider( "value", IriSP.currentPosition );
IriSP.jQuery( "#amount" ).val( IriSP.currentPosition+" s" );
// afficher annotation
IriSP.MyLdt.checkTime( IriSP.currentPosition );
setTimeout( "__IriSP.YouTubePositionListener()", 10 );
};
IriSP.YouTubeStateMonitor = function (obj) {
IriSP.player.addModelListener( '__IriSP.YouTubeStateMonitor ', newstate );
//alert(newstate+" "+obj.newstate);
if(newstate == '2') {
IriSP.trace("__IriSP.stateMonitor","PAUSE");
IriSP.MyApiPlayer.changePageUrlOffset( IriSP.currentPosition );
} else if (newstate == '1' || newstate == '1') {
// une fois la video prete a lire la déplacer au bon timecode
if( IriSP.startPosition!=null ) {
IriSP.MyApiPlayer.update( IriSP.startPosition );
IriSP.startPosition = null;
}
} else if (newstate == '3'){
IriSP.trace("__IriSP.stateMonitor","BUFFERING : ");
//changePageUrlOffset(currentPosition);
}
};
/* 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(/\\>/g, '>').replace(/\\t/g, ' ').replace(/\\n/g, '<br />').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( annotationCibleNumber<this.annotations.length-1 ){
IriSP.player.sendEvent( 'SEEK', annotationCible.begin/1000 );
IriSP.trace( "LIGNE ", "| next = "+annotationCibleNumber+" - "+this.annotations.length+" | seek :"+annotationCible.begin/1000);
} else {
IriSP.player.sendEvent( 'SEEK', this.annotations[0].begin/1000);
}
};
__IriSP.Ligne.prototype.numAnnotation = function (annotationCible){
for (var i=0; i < this.annotations.length; ++i){
if(annotationCible == this.annotations[i]){
return i;
}
}
};
__IriSP.Ligne.prototype.checkTime = function(time){
var annotationTempo = -1;
//__IriSP.trace("__IriSP.Ligne.prototype.checkTimeLigne",time);
//__IriSP.trace("__IriSP.Ligne.prototype.checkTimeLigne",this.annotations.length);
for (var i=0; i < this.annotations.length; ++i){
annotationTempo = this.annotations[i];
//__IriSP.SearchThisSegment(annotationTempo);
if (time>annotationTempo.begin/1000 && time<annotationTempo.end/1000){
// different form the previous
if(annotationTempo!=this.annotationOldRead){
this.annotationOldRead = annotationTempo;
IriSP.jQuery("#Ldt-SaTitle").text(annotationTempo.title);
IriSP.jQuery("#Ldt-SaDescription").text(annotationTempo.description);
IriSP.jQuery("#Ldt-SaKeywordText").html("Mots clefs : "+annotationTempo.htmlTags);
//__IriSP.jQuery('#Ldt-ShowAnnotation').slideDown();
var startPourcent = annotationTempo.timeToPourcent((annotationTempo.begin*1+(annotationTempo.end*1-annotationTempo.begin*1)/2),annotationTempo.duration*1);
IriSP.jQuery("#Ldt-Show-Arrow").animate({left:startPourcent+'%'},1000);
IriSP.jQuery("#"+annotationTempo.id).animate({alpha:'100%'},1000);
//alert(startPourcent);
var tempolinkurl = IriSP.ignoreTimeFragment(window.location.href)+"#t="+(this.annotations[i].begin/1000);
}
break;
} else {
annotationTempo = -1;
}
}
// si il y en a pas : retractation du volet
if( annotationTempo == -1){
if(annotationTempo != this.annotationOldRead){
IriSP.trace("Check : ","pas d'annotation ici ");
IriSP.jQuery("#Ldt-SaTitle").text("");
IriSP.jQuery("#Ldt-SaDescription").text("");
IriSP.jQuery("#Ldt-SaKeywordText").html("");
IriSP.jQuery('#Ldt-ShowAnnotation').slideUp();
if(this.annotationOldRead){
IriSP.jQuery("#"+this.annotationOldRead.id).animate({alpha:'70%'},1000);
}
//__IriSP.jQuery("#Ldt-Show-Arrow").animate({left:'0%'},1000);
this.annotationOldRead = annotationTempo;
}
}
//__IriSP.trace("__IriSP.Ligne.prototype.checkTimeLigne",annotationTempo);
};
/* CLASS Annotation */
__IriSP.Annotation = function (){
var id = null;
var begin = null;
var end = null;
var media = null;
var description = null;
var title = null;
var color = null;
var tags = null;
IriSP.trace("annotation ","réussi");
};
__IriSP.Annotation = function( id, begin, end, media, title, description, color, tags, duration ){
this.id = id;
this.begin = begin;
this.end = end;
this.media = media;
this.description = description;
this.title = title;
this.color = color;
this.tags = tags;
this.htmlTags = "";
this.duration = duration;
// draw it
this.draw();
this.drawTags();
//
IriSP.trace("Annotation created : ",id);
};
__IriSP.Annotation.prototype.draw = function(){
//alert (this.duration);
var startPourcent = this.timeToPourcent(this.begin,this.duration); // temps du media
var endPourcent = this.timeToPourcent(this.end,this.duration)-startPourcent;
var divTitle = this.title.substr(0,55);
//IriSP.jQueryAnnotationTemplate = "<div title='"+IriSP.stripHtml(titleForDiv)+"'
//id='"+this.id+"' class='ui-slider-range ui-slider-range-min ui-widget-header iri-chapter'
//width='100%' style=\"left:"+startPourcent+"%; width:"+endPourcent+"%;
//padding-top:15px; border-left:solid 1px #aaaaaa; border-right:solid 1px #aaaaaa;
//background:#"+IriSP.DEC_HEXA_COLOR(this.color)+";\"
//onClick=\"__IriSP.MyApiPlayer.seek('"+Math.round(this.begin/1000)+"');
//__IriSP.jQuery('#Ldt-ShowAnnotation').slideDown();\" ></div> ";
//alert(this.color+" : "+DEC_HEXA_COLOR(this.color));
IriSP.jQueryAnnotationTemplate = Mustache.to_html(IriSP.annotation_template,
{"divTitle" : divTitle, "id" : this.id, "startPourcent" : startPourcent,
"endPourcent" : endPourcent, "hexa_color" : IriSP.DEC_HEXA_COLOR(this.color),
"seekPlace" : Math.round(this.begin/1000)});
IriSP.jQuerytoolTipTemplate = Mustache.to_html(IriSP.tooltip_template,
{"title" : this.title, "begin" : this.begin, "end" : this.end,
"description": this.description});
IriSP.jQuery("<div>"+IriSP.jQueryAnnotationTemplate+"</div>").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 = '<a href=\"\"> '+' </a>';
//__IriSP.trace(" !? Tags : ",this.tags);
if (this.tags!=undefined){
for (var i = 0; i < this.tags.length; ++i){
//this.htmlTags += '<span onclick=\"ShowTag('+this.tags[i]['id-ref']+');\" > '+MyTags.getTitle(this.tags[i]['id-ref'])+' </span>'+" , ";
this.htmlTags += '<span> '+IriSP.MyTags.getTitle(this.tags[i]['id-ref'])+' </span>'+" , ";
}
}
};
__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 += '<span onclick=\"MyTags.show( \''+this.myTags[i]['id']
+'\');\" style=\"font-size:' +((this.myTags[i].mySegments.length/this.weigthMax*10)+8)
+'px;\" alt=\"'+this.myTags[i].mySegments.length
+'\"> '+this.myTags[i]['meta']['dc:title']+' </span>'+' , ';
}
}
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
};
IriSP.annotation_template = "<div title='{{divTitle}}' id='{{id}}' class='ui-slider-range ui-slider-range-min ui-widget-header iri-chapter' width='100%' style='left: {{startPourcent}}%; width: {{endPourcent}}%; padding-top:15px; border-left:solid 1px #aaaaaa; border-right:solid 1px #aaaaaa; background:#{{hexa_color}};' onClick='IriSP.MyApiPlayer.seek({{seekPlace}});IriSP.jQuery(\"#Ldt-ShowAnnotation\").slideDown();'></div>";
IriSP.annotation_loading_template = "<div id='Ldt-load-container'><div id='Ldt-loader'> </div> Chargement... </div>";
IriSP.radio_template = "<div id='Ldt-Root'> <div id='Ldt-PlaceHolder'> <a href='http://www.adobe.com/go/getflashplayer'>Get flash</a> to see this player </div> <div id='Ldt-controler' class='demo'> <div class='Ldt-Control1'> <button id='ldt-CtrlPlay' onclick='__IriSP.MyApiPlayer.play()'>Lecture / Pause</button> <button id='ldt-CtrlNext' onclick='__IriSP.MyLdt.nextAnnotation()'>Suivant</button> </div> <div id='Ldt-Annotations' class='ui-slider'> <div id='slider-range-min'></div> </div> <div class='Ldt-Control2'> <button id='ldt-CtrlLink' onclick='__IriSP.searchblock()'> Rechercher</button> <button id='ldt-CtrlSound' onclick='__IriSP.MyApiPlayer.mute()'>Sound</button> </div> <div class='cleaner'> </div> <div id='Ldt-Show-Arrow-container'> <div id='Ldt-Show-Arrow'></div> </div> </div> <div> <div id='ldt-Show'></div> <div id='Ldt-ShowAnnotation-audio' class='demo'> <div id='Ldt-SaTitle'></div> <div id='Ldt-SaDescription'></div> <div class='cleaner'> <!-- \;--> </div> </div> <div id='Ldt-SaKeyword'> <div id='Ldt-SaKeywordText'></div> <div class='cleaner'></div> <div id='Ldt-SaShareTools'>{{{share_template}}}</div> <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>";
IriSP.search_template = "<div id='LdtSearchContainer' style='margin-left: 445px; position: absolute;'> <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></div><div class='cleaner'></div>";
IriSP.share_template = "<a onclick='__IriSP.MyApiPlayer.share(\'delicious\');' title='partager avec delicious'><span class='share shareDelicious'> </span></a> <a onclick='__IriSP.MyApiPlayer.share(\'facebook\');' title='partager avec facebook'> <span class='share shareFacebook'> </span></a><a onclick='__IriSP.MyApiPlayer.share(\'twitter\');' title='partager avec twitter'> <span class='share shareTwitter'> </span></a><a onclick='__IriSP.MyApiPlayer.share(\'myspace\');' title='partager avec Myspace'> <span class='share shareMySpace'> </span></a>";
IriSP.tooltip_template = " <div class='Ldt-tooltip'><div class='title'>{{title}}</div><div class='time'>{{begin}} : {{end}} </div><div class='description'>{{description}}</div></div>";
IriSP.video_template = "<div id='LdtSearchContainer' style='margin-top: {{heightS}} px; margin-left: 445px; position: absolute;'> <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></div><div id='Ldt-Root'> <div id='Ldt-PlaceHolder'> <a href='http://www.adobe.com/go/getflashplayer'>Get flash</a> to see this player </div> <div id='Ldt-controler' class='demo'> <div class='Ldt-Control1'> <button id='ldt-CtrlPlay' onclick='__IriSP.MyApiPlayer.play()'>Lecture / Pause</button> <button id='ldt-CtrlNext' onclick='__IriSP.MyLdt.nextAnnotation()'>Suivant</button> </div> <div id='Ldt-Annotations' class='ui-slider'> <div id='slider-range-min'></div> </div> <div class='Ldt-Control2'> <button id='ldt-CtrlLink' onclick='__IriSP.searchblock()'> Rechercher</button> <button id='ldt-CtrlSound' onclick='__IriSP.MyApiPlayer.mute()'>Sound</button> </div> <div class='cleaner'> \;</div> <div id='Ldt-Show-Arrow-container'> <div id='Ldt-Show-Arrow'></div> </div> </div> <div> <div id='ldt-Show'></div> <div id='Ldt-ShowAnnotation-audio' class='demo'> <div id='Ldt-SaTitle'></div> <div id='Ldt-SaDescription'></div> <div class='cleaner'> <!-- \;--> </div> </div> <div id='Ldt-SaKeyword'> <div id='Ldt-SaKeywordText'></div> <div class='cleaner'></div> <div id='Ldt-SaShareTools'>{{{share_template}}}</div> <div class='cleaner'></div> </div> <div id='Ldt-Tags'>Mots clefs :</div> </div> <div id='Ldt-output'></div>";/*
mustache.js — Logic-less templates in JavaScript
See http://mustache.github.com/ for more info.
*/
var Mustache = function() {
var Renderer = function() {};
Renderer.prototype = {
otag: "{{",
ctag: "}}",
pragmas: {},
buffer: [],
pragmas_implemented: {
"IMPLICIT-ITERATOR": true
},
context: {},
render: function(template, context, partials, in_recursion) {
// reset buffer & set context
if(!in_recursion) {
this.context = context;
this.buffer = []; // TODO: make this non-lazy
}
// fail fast
if(!this.includes("", template)) {
if(in_recursion) {
return template;
} else {
this.send(template);
return;
}
}
template = this.render_pragmas(template);
var html = this.render_section(template, context, partials);
if(in_recursion) {
return this.render_tags(html, context, partials, in_recursion);
}
this.render_tags(html, context, partials, in_recursion);
},
/*
Sends parsed lines
*/
send: function(line) {
if(line !== "") {
this.buffer.push(line);
}
},
/*
Looks for %PRAGMAS
*/
render_pragmas: function(template) {
// no pragmas
if(!this.includes("%", template)) {
return template;
}
var that = this;
var regex = new RegExp(this.otag + "%([\\w-]+) ?([\\w]+=[\\w]+)?" +
this.ctag, "g");
return template.replace(regex, function(match, pragma, options) {
if(!that.pragmas_implemented[pragma]) {
throw({message:
"This implementation of mustache doesn't understand the '" +
pragma + "' pragma"});
}
that.pragmas[pragma] = {};
if(options) {
var opts = options.split("=");
that.pragmas[pragma][opts[0]] = opts[1];
}
return "";
// ignore unknown pragmas silently
});
},
/*
Tries to find a partial in the curent scope and render it
*/
render_partial: function(name, context, partials) {
name = this.trim(name);
if(!partials || partials[name] === undefined) {
throw({message: "unknown_partial '" + name + "'"});
}
if(typeof(context[name]) != "object") {
return this.render(partials[name], context, partials, true);
}
return this.render(partials[name], context[name], partials, true);
},
/*
Renders inverted (^) and normal (#) sections
*/
render_section: function(template, context, partials) {
if(!this.includes("#", template) && !this.includes("^", template)) {
return template;
}
var that = this;
// CSW - Added "+?" so it finds the tighest bound, not the widest
var regex = new RegExp(this.otag + "(\\^|\\#)\\s*(.+)\\s*" + this.ctag +
"\n*([\\s\\S]+?)" + this.otag + "\\/\\s*\\2\\s*" + this.ctag +
"\\s*", "mg");
// for each {{#foo}}{{/foo}} section do...
return template.replace(regex, function(match, type, name, content) {
var value = that.find(name, context);
if(type == "^") { // inverted section
if(!value || that.is_array(value) && value.length === 0) {
// false or empty list, render it
return that.render(content, context, partials, true);
} else {
return "";
}
} else if(type == "#") { // normal section
if(that.is_array(value)) { // Enumerable, Let's loop!
return that.map(value, function(row) {
return that.render(content, that.create_context(row),
partials, true);
}).join("");
} else if(that.is_object(value)) { // Object, Use it as subcontext!
return that.render(content, that.create_context(value),
partials, true);
} else if(typeof value === "function") {
// higher order section
return value.call(context, content, function(text) {
return that.render(text, context, partials, true);
});
} else if(value) { // boolean section
return that.render(content, context, partials, true);
} else {
return "";
}
}
});
},
/*
Replace {{foo}} and friends with values from our view
*/
render_tags: function(template, context, partials, in_recursion) {
// tit for tat
var that = this;
var new_regex = function() {
return new RegExp(that.otag + "(=|!|>|\\{|%)?([^\\/#\\^]+?)\\1?" +
that.ctag + "+", "g");
};
var regex = new_regex();
var tag_replace_callback = function(match, operator, name) {
switch(operator) {
case "!": // ignore comments
return "";
case "=": // set new delimiters, rebuild the replace regexp
that.set_delimiters(name);
regex = new_regex();
return "";
case ">": // render partial
return that.render_partial(name, context, partials);
case "{": // the triple mustache is unescaped
return that.find(name, context);
default: // escape the value
return that.escape(that.find(name, context));
}
};
var lines = template.split("\n");
for(var i = 0; i < lines.length; i++) {
lines[i] = lines[i].replace(regex, tag_replace_callback, this);
if(!in_recursion) {
this.send(lines[i]);
}
}
if(in_recursion) {
return lines.join("\n");
}
},
set_delimiters: function(delimiters) {
var dels = delimiters.split(" ");
this.otag = this.escape_regex(dels[0]);
this.ctag = this.escape_regex(dels[1]);
},
escape_regex: function(text) {
// thank you Simon Willison
if(!arguments.callee.sRE) {
var specials = [
'/', '.', '*', '+', '?', '|',
'(', ')', '[', ']', '{', '}', '\\'
];
arguments.callee.sRE = new RegExp(
'(\\' + specials.join('|\\') + ')', 'g'
);
}
return text.replace(arguments.callee.sRE, '\\$1');
},
/*
find `name` in current `context`. That is find me a value
from the view object
*/
find: function(name, context) {
name = this.trim(name);
// Checks whether a value is thruthy or false or 0
function is_kinda_truthy(bool) {
return bool === false || bool === 0 || bool;
}
var value;
if(is_kinda_truthy(context[name])) {
value = context[name];
} else if(is_kinda_truthy(this.context[name])) {
value = this.context[name];
}
if(typeof value === "function") {
return value.apply(context);
}
if(value !== undefined) {
return value;
}
// silently ignore unkown variables
return "";
},
// Utility methods
/* includes tag */
includes: function(needle, haystack) {
return haystack.indexOf(this.otag + needle) != -1;
},
/*
Does away with nasty characters
*/
escape: function(s) {
s = String(s === null ? "" : s);
return s.replace(/&(?!\w+;)|["'<>\\]/g, function(s) {
switch(s) {
case "&": return "&";
case "\\": return "\\\\";
case '"': return '"';
case "'": return ''';
case "<": return "<";
case ">": return ">";
default: return s;
}
});
},
// by @langalex, support for arrays of strings
create_context: function(_context) {
if(this.is_object(_context)) {
return _context;
} else {
var iterator = ".";
if(this.pragmas["IMPLICIT-ITERATOR"]) {
iterator = this.pragmas["IMPLICIT-ITERATOR"].iterator;
}
var ctx = {};
ctx[iterator] = _context;
return ctx;
}
},
is_object: function(a) {
return a && typeof a == "object";
},
is_array: function(a) {
return Object.prototype.toString.call(a) === '[object Array]';
},
/*
Gets rid of leading and trailing whitespace
*/
trim: function(s) {
return s.replace(/^\s*|\s*$/g, "");
},
/*
Why, why, why? Because IE. Cry, cry cry.
*/
map: function(array, fn) {
if (typeof array.map == "function") {
return array.map(fn);
} else {
var r = [];
var l = array.length;
for(var i = 0; i < l; i++) {
r.push(fn(array[i]));
}
return r;
}
}
};
return({
name: "mustache.js",
version: "0.3.1-dev",
/*
Turns a template and view into HTML
*/
to_html: function(template, view, partials, send_fun) {
var renderer = new Renderer();
if(send_fun) {
renderer.send = send_fun;
}
renderer.render(template, view, partials);
if(!send_fun) {
return renderer.buffer.join("\n");
}
}
});
}();
/* utils.js - various utils that don't belong anywhere else */
/* trace function, for debugging */
IriSP.traceNum = 0;
IriSP.trace = function( msg, value ) {
if( IriSP.config.gui.debug === true ) {
IriSP.traceNum += 1;
IriSP.jQuery( "<div>"+IriSP.traceNum+" - "+msg+" : "+value+"</div>" ).appendTo( "#Ldt-output" );
}
};
/* data.js - this file deals with how the players gets and sends data */
IriSP.getMetadata = function() {
IriSP.jQuery.ajax({
dataType: IriSP.config.metadata.load,
url:IriSP.config.metadata.src,
success : function( json ){
IriSP.trace( "ajax", "success" );
// START PARSING -----------------------
if( json === "" ){
alert( "Json load error" );
} else {
// # CREATE MEDIA //
// # JUSTE ONE PLAYER FOR THE MOMENT //
//__IriSP.jQuery("<div></div>").appendTo("#output");
var MyMedia = new __IriSP.Media(
json.medias[0].id,
json.medias[0].href,
json.medias[0]['meta']['dc:duration'],
json.medias[0]['dc:title'],
json.medias[0]['dc:description']);
IriSP.trace( "__IriSP.MyApiPlayer",
IriSP.config.gui.width+" "
+ IriSP.config.gui.height + " "
+ json.medias[0].href + " "
+ json.medias[0]['meta']['dc:duration'] + " "
+ json.medias[0]['meta']['item']['value']);
// Create APIplayer
IriSP.MyApiPlayer = new __IriSP.APIplayer (
IriSP.config.gui.width,
IriSP.config.gui.height,
json.medias[0].href,
json.medias[0]['meta']['dc:duration'],
json.medias[0]['meta']['item']['value']);
// # CREATE THE FIRST LINE //
IriSP.trace( "__IriSP.init.main","__IriSP.Ligne" );
IriSP.MyLdt = new __IriSP.Ligne(
json['annotation-types'][0].id,
json['annotation-types'][0]['dc:title'],
json['annotation-types'][0]['dc:description'],
json.medias[0]['meta']['dc:duration']);
// CREATE THE TAG CLOUD //
IriSP.trace( "__IriSP.init.main","__IriSP.Tags" );
IriSP.MyTags = new __IriSP.Tags( json.tags );
// CREATE THE ANNOTATIONS //
// JUSTE FOR THE FIRST TYPE //
/* FIXME: make it support more than one ligne de temps */
IriSP.jQuery.each( json.annotations, function(i,item) {
if (item.meta['id-ref'] == IriSP.MyLdt.id) {
//__IriSP.trace("__IriSP.init.main","__IriSP.MyLdt.addAnnotation");
IriSP.MyLdt.addAnnotation(
item.id,
item.begin,
item.end,
item.media,
item.content.title,
item.content.description,
item.content.color,
item.tags);
}
//MyTags.addAnnotation(item);
} );
IriSP.jQuery.each( json.lists, function(i,item) {
IriSP.trace("lists","");
} );
IriSP.jQuery.each( json.views, function(i,item) {
IriSP.trace("views","");
} );
}
// END PARSING ----------------------- //
}, error : function(data){
alert("ERROR : "+data);
}
});
}/* 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
};
/* ui.js - ui related functions */
/* FIXME: use an sharing library */
IriSP.LdtShareTool = IriSP.share_template; /* the contents come from share.html */
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(IriSP.search_template);
var radioPlayer = Mustache.to_html(IriSP.radio_template, {"share_template" : IriSP.share_template});
IriSP.jQuery(radioPlayer).appendTo("#"+IriSP.config.gui.container);
// special tricks for 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") {
var videoPlayer = Mustache.to_html(IriSP.video_template, {"share_template" : IriSP.share_template, "heightS" : heightS});
IriSP.jQuery(videoPlayer).appendTo("#"+IriSP.config.gui.container);
}
/* FIXME : move it elsewhere */
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(IriSP.annotation_loading_template).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();
}
};
/* create the buttons and the slider */
IriSP.createInterface = function( width, height, duration ) {
IriSP.jQuery( "#Ldt-controler" ).show();
//__IriSP.jQuery("#Ldt-Root").css('display','visible');
IriSP.trace( "__IriSP.createInterface" , width+","+height+","+duration+"," );
IriSP.jQuery( "#Ldt-ShowAnnotation").click( function () {
//__IriSP.jQuery(this).slideUp();
} );
var LdtpPlayerY = IriSP.jQuery("#Ldt-PlaceHolder").attr("top");
var LdtpPlayerX = IriSP.jQuery("#Ldt-PlaceHolder").attr("left");
IriSP.jQuery( "#slider-range-min" ).slider( { //range: "min",
value: 0,
min: 1,
max: duration/1000,//1:54:52.66 = 3600+3240+
step: 0.1,
slide: function(event, ui) {
//__IriSP.jQuery("#amount").val(ui.value+" s");
//player.sendEvent('SEEK', ui.value)
IriSP.MyApiPlayer.seek(ui.value);
//changePageUrlOffset(ui.value);
//player.sendEvent('PAUSE')
}
} );
IriSP.trace("__IriSP.createInterface","ICI");
IriSP.jQuery("#amount").val(IriSP.jQuery("#slider-range-min").slider("value")+" s");
IriSP.jQuery(".Ldt-Control1 button:first").button({
icons: {
primary: 'ui-icon-play'
},
text: false
}).next().button({
icons: {
primary: 'ui-icon-seek-next'
},
text: false
});
IriSP.jQuery(".Ldt-Control2 button:first").button({
icons: {
primary: 'ui-icon-search'//,
//secondary: 'ui-icon-volume-off'
},
text: false
}).next().button({
icons: {
primary: 'ui-icon-volume-on'
},
text: false
});
// /!\ PB A MODIFIER
//__IriSP.MyTags.draw();
IriSP.trace("__IriSP.createInterface","ICI2");
IriSP.jQuery( "#ldt-CtrlPlay" ).attr( "style", "background-color:#CD21C24;" );
IriSP.jQuery( "#Ldt-load-container" ).hide();
if( IriSP.config.gui.mode=="radio" & IriSP.jQuery.browser.msie != true ) {
IriSP.jQuery( "#Ldtplayer1" ).attr( "height", "0" );
}
IriSP.trace( "__IriSP.createInterface" , "3" );
IriSP.trace( "__IriSP.createInterface", "END" );
};