Adds default avatars for remote participants. Fixes scaling problem.

This commit is contained in:
Yana Stamcheva 2014-01-23 14:44:53 +01:00
parent 790e7cf882
commit 81cb9baa21
2 changed files with 3 additions and 1 deletions

2
app.js
View File

@ -423,7 +423,7 @@ function resizeThumbnails() {
var availableHeight = window.innerHeight - $('#largeVideo').height() - 79; var availableHeight = window.innerHeight - $('#largeVideo').height() - 79;
var numvids = $('#remoteVideos>span:visible').length; var numvids = $('#remoteVideos>span:visible').length;
// Remove the 1px borders arround videos. // Remove the 1px borders arround videos.
var availableWinWidth = $('#remoteVideos').width() - 2 * numvids; var availableWinWidth = $('#remoteVideos').width() - 2 * numvids - 50;
var availableWidth = availableWinWidth / numvids; var availableWidth = availableWinWidth / numvids;
var aspectRatio = 16.0 / 9.0; var aspectRatio = 16.0 / 9.0;
var maxHeight = Math.min(160, availableHeight); var maxHeight = Math.min(160, availableHeight);

View File

@ -65,6 +65,8 @@ html, body{
display: inline-block; display: inline-block;
z-index:0; z-index:0;
border:1px solid #FFFFFF; border:1px solid #FFFFFF;
background-image:url(../images/avatar1.png);
background-size: contain;
} }
#remoteVideos>span:hover { #remoteVideos>span:hover {