front_idill/src/mosaic/js/playerControl.js
author bastiena
Fri, 29 Jun 2012 16:16:24 +0200
changeset 44 8393d3473b98
child 45 0e29ae4568a0
permissions -rw-r--r--
Front IDILL: Updated, mosaic spreaded into several files, new pictures and pictograms
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
44
8393d3473b98 Front IDILL:
bastiena
parents:
diff changeset
     1
mosaic.prototype.playNextVideo = function()
8393d3473b98 Front IDILL:
bastiena
parents:
diff changeset
     2
{
8393d3473b98 Front IDILL:
bastiena
parents:
diff changeset
     3
	var videoId = this.centerId, nextId = (+videoId + 1);
8393d3473b98 Front IDILL:
bastiena
parents:
diff changeset
     4
	
8393d3473b98 Front IDILL:
bastiena
parents:
diff changeset
     5
	//Si on arrive à la fin de la mosaique on revient au début.
8393d3473b98 Front IDILL:
bastiena
parents:
diff changeset
     6
	if(videoId >= this.config['imagesToShow'] - 1)
8393d3473b98 Front IDILL:
bastiena
parents:
diff changeset
     7
	{
8393d3473b98 Front IDILL:
bastiena
parents:
diff changeset
     8
		nextId = 0;
8393d3473b98 Front IDILL:
bastiena
parents:
diff changeset
     9
	}
8393d3473b98 Front IDILL:
bastiena
parents:
diff changeset
    10
	
8393d3473b98 Front IDILL:
bastiena
parents:
diff changeset
    11
	//Si la mosaique est filtrée, on passe directement à la prochaine vidéo non filtrée.
8393d3473b98 Front IDILL:
bastiena
parents:
diff changeset
    12
	if(this.isMosaicFiltered)
8393d3473b98 Front IDILL:
bastiena
parents:
diff changeset
    13
	{
8393d3473b98 Front IDILL:
bastiena
parents:
diff changeset
    14
		while(this.opacities[nextId] == 0 && nextId < this.config['imagesToShow'])
8393d3473b98 Front IDILL:
bastiena
parents:
diff changeset
    15
		{
8393d3473b98 Front IDILL:
bastiena
parents:
diff changeset
    16
			nextId++;
8393d3473b98 Front IDILL:
bastiena
parents:
diff changeset
    17
		}
8393d3473b98 Front IDILL:
bastiena
parents:
diff changeset
    18
		
8393d3473b98 Front IDILL:
bastiena
parents:
diff changeset
    19
		if(nextId == this.config['imagesToShow'])
8393d3473b98 Front IDILL:
bastiena
parents:
diff changeset
    20
		{
8393d3473b98 Front IDILL:
bastiena
parents:
diff changeset
    21
			nextId = 0;
8393d3473b98 Front IDILL:
bastiena
parents:
diff changeset
    22
			// return;
8393d3473b98 Front IDILL:
bastiena
parents:
diff changeset
    23
		}
8393d3473b98 Front IDILL:
bastiena
parents:
diff changeset
    24
	}
8393d3473b98 Front IDILL:
bastiena
parents:
diff changeset
    25
	
8393d3473b98 Front IDILL:
bastiena
parents:
diff changeset
    26
	console.log('movetonext');
8393d3473b98 Front IDILL:
bastiena
parents:
diff changeset
    27
	this.autoMove = true;
8393d3473b98 Front IDILL:
bastiena
parents:
diff changeset
    28
	console.log('dep : ' + this.centerId + ' next : ' + nextId);
8393d3473b98 Front IDILL:
bastiena
parents:
diff changeset
    29
	this.moveToNeighbour($('#snapshotDiv-' + nextId));
8393d3473b98 Front IDILL:
bastiena
parents:
diff changeset
    30
}
8393d3473b98 Front IDILL:
bastiena
parents:
diff changeset
    31
8393d3473b98 Front IDILL:
bastiena
parents:
diff changeset
    32
mosaic.prototype.isTLSelected = function(entering, mainPointer)
8393d3473b98 Front IDILL:
bastiena
parents:
diff changeset
    33
{
8393d3473b98 Front IDILL:
bastiena
parents:
diff changeset
    34
	//Si les deux pointeurs ne sont pas là ou qu'on n'est pas en lecture d'une vidéo.
8393d3473b98 Front IDILL:
bastiena
parents:
diff changeset
    35
	if(this.isMainPointerDisplayed && this.isSecondPointerDisplayed || this.currentMode != 'VIDEO' && this.currentMode != 'SEARCH' && this.currentMode != 'TIMELINE' || !this.playerIsReady)
8393d3473b98 Front IDILL:
bastiena
parents:
diff changeset
    36
	{
8393d3473b98 Front IDILL:
bastiena
parents:
diff changeset
    37
		// $('.a').remove();
8393d3473b98 Front IDILL:
bastiena
parents:
diff changeset
    38
		return false;
8393d3473b98 Front IDILL:
bastiena
parents:
diff changeset
    39
	}
8393d3473b98 Front IDILL:
bastiena
parents:
diff changeset
    40
	
8393d3473b98 Front IDILL:
bastiena
parents:
diff changeset
    41
	var pointer = (mainPointer ? $('#mainPointer') : $('#secondPointer'));
8393d3473b98 Front IDILL:
bastiena
parents:
diff changeset
    42
	
8393d3473b98 Front IDILL:
bastiena
parents:
diff changeset
    43
	var TL = $('.Ldt-Timeline');
8393d3473b98 Front IDILL:
bastiena
parents:
diff changeset
    44
	var TLwidth = TL.width(), TLheight = TL.height();
8393d3473b98 Front IDILL:
bastiena
parents:
diff changeset
    45
	var TLtop = (+$('.LdtPlayer').position().top + $('.LdtPlayer').height() - TLheight), TLleft = $('.LdtPlayer').position().left;
8393d3473b98 Front IDILL:
bastiena
parents:
diff changeset
    46
	var Px = pointer.position().left + pointer.width() / 2, Py = pointer.position().top + pointer.height() / 2;
8393d3473b98 Front IDILL:
bastiena
parents:
diff changeset
    47
	
8393d3473b98 Front IDILL:
bastiena
parents:
diff changeset
    48
	var correctHorizontalPosition = (entering ? (Px > TLleft && Px < (+TLleft + TLwidth)) : (true));
8393d3473b98 Front IDILL:
bastiena
parents:
diff changeset
    49
	
8393d3473b98 Front IDILL:
bastiena
parents:
diff changeset
    50
	//Seulement avec une main.
8393d3473b98 Front IDILL:
bastiena
parents:
diff changeset
    51
	// if(this.isMainPointerDisplayed && !this.isSecondPointerDisplayed && correctHorizontalPosition && Py > (TLtop - TLheight / 2) && Py < (+TLtop + TLheight))
8393d3473b98 Front IDILL:
bastiena
parents:
diff changeset
    52
	
8393d3473b98 Front IDILL:
bastiena
parents:
diff changeset
    53
	if(correctHorizontalPosition && Py > (TLtop - TLheight / 2) && Py < (+TLtop + TLheight))
8393d3473b98 Front IDILL:
bastiena
parents:
diff changeset
    54
	{
8393d3473b98 Front IDILL:
bastiena
parents:
diff changeset
    55
		// if($('.a').length < 1)
8393d3473b98 Front IDILL:
bastiena
parents:
diff changeset
    56
			// $('body').append('<div class="a" style="position: absolute; background-color: #fff; top: ' + (TLtop - TLheight / 2) + 'px; left: ' + TLleft + 'px; height: ' + (TLheight * 3 / 2) +'px; width: ' + TLwidth + 'px"></div>');
8393d3473b98 Front IDILL:
bastiena
parents:
diff changeset
    57
		return true;
8393d3473b98 Front IDILL:
bastiena
parents:
diff changeset
    58
	}
8393d3473b98 Front IDILL:
bastiena
parents:
diff changeset
    59
	
8393d3473b98 Front IDILL:
bastiena
parents:
diff changeset
    60
	// $(".a").remove();
8393d3473b98 Front IDILL:
bastiena
parents:
diff changeset
    61
	return false;
8393d3473b98 Front IDILL:
bastiena
parents:
diff changeset
    62
}
8393d3473b98 Front IDILL:
bastiena
parents:
diff changeset
    63
8393d3473b98 Front IDILL:
bastiena
parents:
diff changeset
    64
mosaic.prototype.exitTimeline = function(typeOfInteraction)
8393d3473b98 Front IDILL:
bastiena
parents:
diff changeset
    65
{
8393d3473b98 Front IDILL:
bastiena
parents:
diff changeset
    66
	if(this.currentMode == 'TIMELINE' && this.playerIsReady)
8393d3473b98 Front IDILL:
bastiena
parents:
diff changeset
    67
	{
8393d3473b98 Front IDILL:
bastiena
parents:
diff changeset
    68
		console.log('(5) QUIT');
8393d3473b98 Front IDILL:
bastiena
parents:
diff changeset
    69
		// console.trace();
8393d3473b98 Front IDILL:
bastiena
parents:
diff changeset
    70
		$('.notifications').remove();
8393d3473b98 Front IDILL:
bastiena
parents:
diff changeset
    71
		
8393d3473b98 Front IDILL:
bastiena
parents:
diff changeset
    72
		this.isTLRequested = false;
8393d3473b98 Front IDILL:
bastiena
parents:
diff changeset
    73
		this.canSlideInTL = false;
8393d3473b98 Front IDILL:
bastiena
parents:
diff changeset
    74
		this.player.widgets[0].deselectTimeline();
8393d3473b98 Front IDILL:
bastiena
parents:
diff changeset
    75
		
8393d3473b98 Front IDILL:
bastiena
parents:
diff changeset
    76
		if($('#spinner').length > 0)
8393d3473b98 Front IDILL:
bastiena
parents:
diff changeset
    77
		{
8393d3473b98 Front IDILL:
bastiena
parents:
diff changeset
    78
			$('#spinner').remove();
8393d3473b98 Front IDILL:
bastiena
parents:
diff changeset
    79
		}
8393d3473b98 Front IDILL:
bastiena
parents:
diff changeset
    80
		
8393d3473b98 Front IDILL:
bastiena
parents:
diff changeset
    81
		if(this.isTLSelectedByMainPointer)
8393d3473b98 Front IDILL:
bastiena
parents:
diff changeset
    82
		{
8393d3473b98 Front IDILL:
bastiena
parents:
diff changeset
    83
			$('#mainPointer').css('background-image', 'url(./img/cursors/pointer.png)');
8393d3473b98 Front IDILL:
bastiena
parents:
diff changeset
    84
		}
8393d3473b98 Front IDILL:
bastiena
parents:
diff changeset
    85
		if(this.isTLSelectedBySecondPointer)
8393d3473b98 Front IDILL:
bastiena
parents:
diff changeset
    86
		{
8393d3473b98 Front IDILL:
bastiena
parents:
diff changeset
    87
			$('#secondPointer').css('background-image', 'url(./img/cursors/pointer2.png)');
8393d3473b98 Front IDILL:
bastiena
parents:
diff changeset
    88
		}
8393d3473b98 Front IDILL:
bastiena
parents:
diff changeset
    89
		
8393d3473b98 Front IDILL:
bastiena
parents:
diff changeset
    90
		this.isTLSelectedByMainPointer = false;
8393d3473b98 Front IDILL:
bastiena
parents:
diff changeset
    91
		this.isTLSelectedBySecondPointer = false;
8393d3473b98 Front IDILL:
bastiena
parents:
diff changeset
    92
		
8393d3473b98 Front IDILL:
bastiena
parents:
diff changeset
    93
		if(typeOfInteraction == 'unzoom')
8393d3473b98 Front IDILL:
bastiena
parents:
diff changeset
    94
		{
8393d3473b98 Front IDILL:
bastiena
parents:
diff changeset
    95
			if(this.isMosaicFiltered)
8393d3473b98 Front IDILL:
bastiena
parents:
diff changeset
    96
			{
8393d3473b98 Front IDILL:
bastiena
parents:
diff changeset
    97
				this.currentMode = 'FILTER';
8393d3473b98 Front IDILL:
bastiena
parents:
diff changeset
    98
			}
8393d3473b98 Front IDILL:
bastiena
parents:
diff changeset
    99
			else
8393d3473b98 Front IDILL:
bastiena
parents:
diff changeset
   100
			{
8393d3473b98 Front IDILL:
bastiena
parents:
diff changeset
   101
				this.currentMode = 'MOSAIC';
8393d3473b98 Front IDILL:
bastiena
parents:
diff changeset
   102
			}
8393d3473b98 Front IDILL:
bastiena
parents:
diff changeset
   103
		}
8393d3473b98 Front IDILL:
bastiena
parents:
diff changeset
   104
		else if(typeOfInteraction == 'move')
8393d3473b98 Front IDILL:
bastiena
parents:
diff changeset
   105
		{
8393d3473b98 Front IDILL:
bastiena
parents:
diff changeset
   106
			this.currentMode = 'VIDEO';
8393d3473b98 Front IDILL:
bastiena
parents:
diff changeset
   107
		}
8393d3473b98 Front IDILL:
bastiena
parents:
diff changeset
   108
		else
8393d3473b98 Front IDILL:
bastiena
parents:
diff changeset
   109
		{
8393d3473b98 Front IDILL:
bastiena
parents:
diff changeset
   110
			if(this.isCurrentlyInASearchByGesture)
8393d3473b98 Front IDILL:
bastiena
parents:
diff changeset
   111
			{
8393d3473b98 Front IDILL:
bastiena
parents:
diff changeset
   112
				this.currentMode = 'SEARCH';
8393d3473b98 Front IDILL:
bastiena
parents:
diff changeset
   113
				
8393d3473b98 Front IDILL:
bastiena
parents:
diff changeset
   114
				this.searchGesture(this.currentSearchGesture, 'valid');
8393d3473b98 Front IDILL:
bastiena
parents:
diff changeset
   115
			}
8393d3473b98 Front IDILL:
bastiena
parents:
diff changeset
   116
			else
8393d3473b98 Front IDILL:
bastiena
parents:
diff changeset
   117
			{
8393d3473b98 Front IDILL:
bastiena
parents:
diff changeset
   118
				this.currentMode = 'VIDEO';
8393d3473b98 Front IDILL:
bastiena
parents:
diff changeset
   119
			}
8393d3473b98 Front IDILL:
bastiena
parents:
diff changeset
   120
		}
8393d3473b98 Front IDILL:
bastiena
parents:
diff changeset
   121
	}
8393d3473b98 Front IDILL:
bastiena
parents:
diff changeset
   122
}