front_idill/src/mosaic/js/playerControl.js
author bastiena
Thu, 05 Jul 2012 16:04:33 +0200
changeset 45 0e29ae4568a0
parent 44 8393d3473b98
child 47 4e1ee94d70b1
permissions -rw-r--r--
Front IDILL: Segment detector created for mouse interactions curves detection
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
	
45
0e29ae4568a0 Front IDILL:
bastiena
parents: 44
diff changeset
    41
	var pointer;
0e29ae4568a0 Front IDILL:
bastiena
parents: 44
diff changeset
    42
	var Px, Py;
0e29ae4568a0 Front IDILL:
bastiena
parents: 44
diff changeset
    43
	
0e29ae4568a0 Front IDILL:
bastiena
parents: 44
diff changeset
    44
	if(this.mouseInteractions)
0e29ae4568a0 Front IDILL:
bastiena
parents: 44
diff changeset
    45
	{
0e29ae4568a0 Front IDILL:
bastiena
parents: 44
diff changeset
    46
		Px = this.mousePosX;
0e29ae4568a0 Front IDILL:
bastiena
parents: 44
diff changeset
    47
		Py = this.mousePosY;
0e29ae4568a0 Front IDILL:
bastiena
parents: 44
diff changeset
    48
	}
0e29ae4568a0 Front IDILL:
bastiena
parents: 44
diff changeset
    49
	else
0e29ae4568a0 Front IDILL:
bastiena
parents: 44
diff changeset
    50
	{
0e29ae4568a0 Front IDILL:
bastiena
parents: 44
diff changeset
    51
		pointer = (mainPointer ? $('#mainPointer') : $('#secondPointer'));
0e29ae4568a0 Front IDILL:
bastiena
parents: 44
diff changeset
    52
		Px = pointer.position().left + pointer.width() / 2;
0e29ae4568a0 Front IDILL:
bastiena
parents: 44
diff changeset
    53
		Py = pointer.position().top + pointer.height() / 2;
0e29ae4568a0 Front IDILL:
bastiena
parents: 44
diff changeset
    54
	}
44
8393d3473b98 Front IDILL:
bastiena
parents:
diff changeset
    55
	
8393d3473b98 Front IDILL:
bastiena
parents:
diff changeset
    56
	var TL = $('.Ldt-Timeline');
8393d3473b98 Front IDILL:
bastiena
parents:
diff changeset
    57
	var TLwidth = TL.width(), TLheight = TL.height();
8393d3473b98 Front IDILL:
bastiena
parents:
diff changeset
    58
	var TLtop = (+$('.LdtPlayer').position().top + $('.LdtPlayer').height() - TLheight), TLleft = $('.LdtPlayer').position().left;
8393d3473b98 Front IDILL:
bastiena
parents:
diff changeset
    59
	
8393d3473b98 Front IDILL:
bastiena
parents:
diff changeset
    60
	var correctHorizontalPosition = (entering ? (Px > TLleft && Px < (+TLleft + TLwidth)) : (true));
8393d3473b98 Front IDILL:
bastiena
parents:
diff changeset
    61
	
8393d3473b98 Front IDILL:
bastiena
parents:
diff changeset
    62
	//Seulement avec une main.
8393d3473b98 Front IDILL:
bastiena
parents:
diff changeset
    63
	// if(this.isMainPointerDisplayed && !this.isSecondPointerDisplayed && correctHorizontalPosition && Py > (TLtop - TLheight / 2) && Py < (+TLtop + TLheight))
8393d3473b98 Front IDILL:
bastiena
parents:
diff changeset
    64
	
8393d3473b98 Front IDILL:
bastiena
parents:
diff changeset
    65
	if(correctHorizontalPosition && Py > (TLtop - TLheight / 2) && Py < (+TLtop + TLheight))
8393d3473b98 Front IDILL:
bastiena
parents:
diff changeset
    66
	{
8393d3473b98 Front IDILL:
bastiena
parents:
diff changeset
    67
		// if($('.a').length < 1)
8393d3473b98 Front IDILL:
bastiena
parents:
diff changeset
    68
			// $('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
    69
		return true;
8393d3473b98 Front IDILL:
bastiena
parents:
diff changeset
    70
	}
8393d3473b98 Front IDILL:
bastiena
parents:
diff changeset
    71
	
8393d3473b98 Front IDILL:
bastiena
parents:
diff changeset
    72
	// $(".a").remove();
8393d3473b98 Front IDILL:
bastiena
parents:
diff changeset
    73
	return false;
8393d3473b98 Front IDILL:
bastiena
parents:
diff changeset
    74
}
8393d3473b98 Front IDILL:
bastiena
parents:
diff changeset
    75
8393d3473b98 Front IDILL:
bastiena
parents:
diff changeset
    76
mosaic.prototype.exitTimeline = function(typeOfInteraction)
8393d3473b98 Front IDILL:
bastiena
parents:
diff changeset
    77
{
8393d3473b98 Front IDILL:
bastiena
parents:
diff changeset
    78
	if(this.currentMode == 'TIMELINE' && this.playerIsReady)
8393d3473b98 Front IDILL:
bastiena
parents:
diff changeset
    79
	{
8393d3473b98 Front IDILL:
bastiena
parents:
diff changeset
    80
		console.log('(5) QUIT');
8393d3473b98 Front IDILL:
bastiena
parents:
diff changeset
    81
		// console.trace();
8393d3473b98 Front IDILL:
bastiena
parents:
diff changeset
    82
		$('.notifications').remove();
8393d3473b98 Front IDILL:
bastiena
parents:
diff changeset
    83
		
8393d3473b98 Front IDILL:
bastiena
parents:
diff changeset
    84
		this.isTLRequested = false;
8393d3473b98 Front IDILL:
bastiena
parents:
diff changeset
    85
		this.canSlideInTL = false;
8393d3473b98 Front IDILL:
bastiena
parents:
diff changeset
    86
		this.player.widgets[0].deselectTimeline();
8393d3473b98 Front IDILL:
bastiena
parents:
diff changeset
    87
		
8393d3473b98 Front IDILL:
bastiena
parents:
diff changeset
    88
		if($('#spinner').length > 0)
8393d3473b98 Front IDILL:
bastiena
parents:
diff changeset
    89
		{
8393d3473b98 Front IDILL:
bastiena
parents:
diff changeset
    90
			$('#spinner').remove();
8393d3473b98 Front IDILL:
bastiena
parents:
diff changeset
    91
		}
8393d3473b98 Front IDILL:
bastiena
parents:
diff changeset
    92
		
8393d3473b98 Front IDILL:
bastiena
parents:
diff changeset
    93
		if(this.isTLSelectedByMainPointer)
8393d3473b98 Front IDILL:
bastiena
parents:
diff changeset
    94
		{
8393d3473b98 Front IDILL:
bastiena
parents:
diff changeset
    95
			$('#mainPointer').css('background-image', 'url(./img/cursors/pointer.png)');
8393d3473b98 Front IDILL:
bastiena
parents:
diff changeset
    96
		}
8393d3473b98 Front IDILL:
bastiena
parents:
diff changeset
    97
		if(this.isTLSelectedBySecondPointer)
8393d3473b98 Front IDILL:
bastiena
parents:
diff changeset
    98
		{
8393d3473b98 Front IDILL:
bastiena
parents:
diff changeset
    99
			$('#secondPointer').css('background-image', 'url(./img/cursors/pointer2.png)');
8393d3473b98 Front IDILL:
bastiena
parents:
diff changeset
   100
		}
8393d3473b98 Front IDILL:
bastiena
parents:
diff changeset
   101
		
8393d3473b98 Front IDILL:
bastiena
parents:
diff changeset
   102
		this.isTLSelectedByMainPointer = false;
8393d3473b98 Front IDILL:
bastiena
parents:
diff changeset
   103
		this.isTLSelectedBySecondPointer = false;
8393d3473b98 Front IDILL:
bastiena
parents:
diff changeset
   104
		
8393d3473b98 Front IDILL:
bastiena
parents:
diff changeset
   105
		if(typeOfInteraction == 'unzoom')
8393d3473b98 Front IDILL:
bastiena
parents:
diff changeset
   106
		{
8393d3473b98 Front IDILL:
bastiena
parents:
diff changeset
   107
			if(this.isMosaicFiltered)
8393d3473b98 Front IDILL:
bastiena
parents:
diff changeset
   108
			{
8393d3473b98 Front IDILL:
bastiena
parents:
diff changeset
   109
				this.currentMode = 'FILTER';
8393d3473b98 Front IDILL:
bastiena
parents:
diff changeset
   110
			}
8393d3473b98 Front IDILL:
bastiena
parents:
diff changeset
   111
			else
8393d3473b98 Front IDILL:
bastiena
parents:
diff changeset
   112
			{
8393d3473b98 Front IDILL:
bastiena
parents:
diff changeset
   113
				this.currentMode = 'MOSAIC';
8393d3473b98 Front IDILL:
bastiena
parents:
diff changeset
   114
			}
8393d3473b98 Front IDILL:
bastiena
parents:
diff changeset
   115
		}
8393d3473b98 Front IDILL:
bastiena
parents:
diff changeset
   116
		else if(typeOfInteraction == 'move')
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
		else
8393d3473b98 Front IDILL:
bastiena
parents:
diff changeset
   121
		{
8393d3473b98 Front IDILL:
bastiena
parents:
diff changeset
   122
			if(this.isCurrentlyInASearchByGesture)
8393d3473b98 Front IDILL:
bastiena
parents:
diff changeset
   123
			{
8393d3473b98 Front IDILL:
bastiena
parents:
diff changeset
   124
				this.currentMode = 'SEARCH';
8393d3473b98 Front IDILL:
bastiena
parents:
diff changeset
   125
				
8393d3473b98 Front IDILL:
bastiena
parents:
diff changeset
   126
				this.searchGesture(this.currentSearchGesture, 'valid');
8393d3473b98 Front IDILL:
bastiena
parents:
diff changeset
   127
			}
8393d3473b98 Front IDILL:
bastiena
parents:
diff changeset
   128
			else
8393d3473b98 Front IDILL:
bastiena
parents:
diff changeset
   129
			{
8393d3473b98 Front IDILL:
bastiena
parents:
diff changeset
   130
				this.currentMode = 'VIDEO';
8393d3473b98 Front IDILL:
bastiena
parents:
diff changeset
   131
			}
8393d3473b98 Front IDILL:
bastiena
parents:
diff changeset
   132
		}
8393d3473b98 Front IDILL:
bastiena
parents:
diff changeset
   133
	}
8393d3473b98 Front IDILL:
bastiena
parents:
diff changeset
   134
}