1
Fork 0
mirror of https://github.com/jech/galene.git synced 2024-11-12 19:55:59 +01:00

Add visual feedback for connection status.

This commit is contained in:
Juliusz Chroboczek 2020-06-11 19:33:39 +02:00
parent 4b32c55a57
commit dbd87895ba
2 changed files with 27 additions and 0 deletions

View file

@ -196,6 +196,10 @@ h1 {
width: 100%; width: 100%;
} }
.media-failed {
opacity: 0.7;
}
.label { .label {
text-align: center; text-align: center;
height: 2em; height: 2em;

View file

@ -530,6 +530,7 @@ function setMedia(id) {
media.srcObject = c.stream; media.srcObject = c.stream;
setLabel(id); setLabel(id);
setMediaStatus(id, false);
resizePeers(); resizePeers();
} }
@ -545,6 +546,19 @@ function delMedia(id) {
resizePeers(); resizePeers();
} }
function setMediaStatus(id, good) {
let media = document.getElementById('media-' + id);
if(!media) {
console.warn('Setting status of unknown media.');
return;
}
if(good)
media.classList.remove('media-failed');
else
media.classList.add('media-failed');
}
function setLabel(id, fallback) { function setLabel(id, fallback) {
let label = document.getElementById('label-' + id); let label = document.getElementById('label-' + id);
if(!label) if(!label)
@ -725,6 +739,12 @@ async function gotOffer(id, labels, offer) {
}); });
}; };
pc.oniceconnectionstatechange = e => {
setMediaStatus(id,
pc.iceConnectionState === 'connected' ||
pc.iceConnectionState === 'completed');
}
c.pc.ontrack = function(e) { c.pc.ontrack = function(e) {
let label = e.transceiver && c.labelsByMid[e.transceiver.mid]; let label = e.transceiver && c.labelsByMid[e.transceiver.mid];
if(label) { if(label) {
@ -1178,6 +1198,9 @@ async function newUpStream(id) {
}; };
pc.oniceconnectionstatechange = e => { pc.oniceconnectionstatechange = e => {
setMediaStatus(id,
pc.iceConnectionState === 'connected' ||
pc.iceConnectionState === 'completed');
if(pc.iceConnectionState === 'failed') { if(pc.iceConnectionState === 'failed') {
try { try {
pc.restartIce(); pc.restartIce();