remove blur

This commit is contained in:
Piotr Dobrowolski 2020-12-18 13:39:33 +01:00
parent 5f471ec8df
commit 7e62a246b8

View File

@ -54,7 +54,8 @@ function socketConnect() {
socket.emit('message', { socket.emit('message', {
id, room, peer: data.id, id, room, peer: data.id,
type: 'answer', sdp: conn.localDescription }) type: 'answer', sdp: conn.localDescription
})
} else if (data.type === 'answer' && data.peer === id) { } else if (data.type === 'answer' && data.peer === id) {
console.info('Session answer get:', data) console.info('Session answer get:', data)
@ -79,17 +80,20 @@ async function getPeerConnection(peer, createOffer) {
return peers[peer]; return peers[peer];
console.info('Creating PeerConnection for', peer); console.info('Creating PeerConnection for', peer);
var conn = new RTCPeerConnection({iceServers: [ var conn = new RTCPeerConnection({
iceServers: [
{urls: 'stun:numb.viagenie.ca'}, {urls: 'stun:numb.viagenie.ca'},
{urls: 'turn:numb.viagenie.ca', username: 'informatic@hackerspace.pl', credential: 'dupa.8', "expiry": 86400} {urls: 'turn:numb.viagenie.ca', username: 'informatic@hackerspace.pl', credential: 'dupa.8', "expiry": 86400}
]}); ]
});
peers[peer] = conn; peers[peer] = conn;
conn.onicecandidate = function (event) { conn.onicecandidate = function (event) {
console.info('ICE candidate:', event); console.info('ICE candidate:', event);
socket.emit('message', { socket.emit('message', {
id, room, peer, id, room, peer,
type: 'ice', ice: event.candidate }); type: 'ice', ice: event.candidate
});
} }
conn.oniceconnectionstatechange = function (event) { conn.oniceconnectionstatechange = function (event) {
@ -203,14 +207,15 @@ video {
max-width: 100%; max-width: 100%;
} }
html, body { html,
body {
height: 100%; height: 100%;
margin: 0; margin: 0;
} }
#vlocal, .receiver { #vlocal,
.receiver {
z-index: -10; z-index: -10;
filter: blur(5px) brightness(75%) saturate(75%);
position: fixed; position: fixed;
right: 0; right: 0;
bottom: 0; bottom: 0;
@ -234,7 +239,9 @@ html, body {
background: black; background: black;
} }
#vremote { border: 5px solid green; } #vremote {
border: 5px solid green;
}
pre { pre {
position: absolute; position: absolute;