Adds default avatars for remote participants. Fixes scaling problem.
This commit is contained in:
parent
790e7cf882
commit
81cb9baa21
2
app.js
2
app.js
@ -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);
|
||||||
|
|||||||
@ -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 {
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user