aiden
/
mirotalksfu
mirror of https://github.com/aiden09/mirotalksfu
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

[mirotalksfu] - improve peerAction

Browse Source
main
Miroslav Pejic 5 years ago
parent e6c98964aa
commit b9e0a73445
2 changed files with 95 additions and 86 deletions
Show Stats Download Patch File Download Diff File

BIN
public/images/participant.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.9 KiB

181
public/js/RoomClient.js
Unescape Escape View File

@ -19,6 +19,7 @@ const image = {
mute: '../images/mute.png',
hide: '../images/hide.png',
users: '../images/participants.png',
user: '../images/participant.png',
youtube: '../images/youtube.png',
};
@ -2198,92 +2199,8 @@ class RoomClient {
broadcast: broadcast,
};
if (!broadcast) {
if (participantsCount === 1) return;
switch (action) {
case 'eject':
let peer = this.getId(peer_id);
if (peer) {
peer.parentNode.removeChild(peer);
participantsCount--;
refreshParticipantsCount(participantsCount);
}
break;
case 'mute':
let peerAudioButton = this.getId(peer_id + '___pAudio');
if (peerAudioButton) peerAudioButton.innerHTML = _PEER.audioOff;
break;
case 'hide':
let peerVideoButton = this.getId(peer_id + '___pVideo');
if (peerVideoButton) peerVideoButton.innerHTML = _PEER.videoOff;
}
this.socket.emit('peerAction', data);
} else {
if (participantsCount === 1) return;
switch (action) {
case 'eject':
Swal.fire({
background: swalBackground,
position: 'center',
imageUrl: image.users,
title: 'Eject All participants except yourself?',
showDenyButton: true,
confirmButtonText: `Yes`,
denyButtonText: `No`,
showClass: {
popup: 'animate__animated animate__fadeInDown',
},
hideClass: {
popup: 'animate__animated animate__fadeOutUp',
},
}).then((result) => {
if (result.isConfirmed) {
let actionButton = this.getId(action + 'AllButton');
if (actionButton) actionButton.style.display = 'none';
participantsCount = 1;
refreshParticipantsCount(participantsCount);
this.socket.emit('peerAction', data);
setTimeout(() => {
getRoomParticipants(true);
}, 6000);
}
});
break;
case 'mute':
case 'hide':
Swal.fire({
background: swalBackground,
position: 'center',
imageUrl: action == 'mute' ? image.mute : image.hide,
title:
action == 'mute' ? 'Mute everyone except yourself?' : 'Hide everyone except yourself?',
text:
action == 'mute'
? "Once muted, you won't be able to unmute them, but they can unmute themselves at any time."
: "Once hided, you won't be able to unhide them, but they can unhide themselves at any time.",
showDenyButton: true,
confirmButtonText: `Yes`,
denyButtonText: `No`,
showClass: {
popup: 'animate__animated animate__fadeInDown',
},
hideClass: {
popup: 'animate__animated animate__fadeOutUp',
},
}).then((result) => {
if (result.isConfirmed) {
let actionButton = this.getId(action + 'AllButton');
if (actionButton) actionButton.style.display = 'none';
this.socket.emit('peerAction', data);
setTimeout(() => {
getRoomParticipants(true);
}, 2000);
}
});
break;
}
}
if (participantsCount === 1) return;
this.confirmPeerAction(action, data);
} else {
switch (action) {
case 'eject':
@ -2340,6 +2257,98 @@ class RoomClient {
}
}
confirmPeerAction(action, data) {
switch (action) {
case 'eject':
let whoEject = data.broadcast ? 'All participants' : 'current participant';
Swal.fire({
background: swalBackground,
position: 'center',
imageUrl: data.broadcast ? image.users : image.user,
title: 'Eject ' + whoEject + ' excpect yourself?',
showDenyButton: true,
confirmButtonText: `Yes`,
denyButtonText: `No`,
showClass: {
popup: 'animate__animated animate__fadeInDown',
},
hideClass: {
popup: 'animate__animated animate__fadeOutUp',
},
}).then((result) => {
if (result.isConfirmed) {
if (!data.broadcast) {
let peer = this.getId(data.peer_id);
if (peer) {
peer.parentNode.removeChild(peer);
participantsCount--;
refreshParticipantsCount(participantsCount);
this.socket.emit('peerAction', data);
}
} else {
let actionButton = this.getId(action + 'AllButton');
if (actionButton) actionButton.style.display = 'none';
participantsCount = 1;
refreshParticipantsCount(participantsCount);
this.socket.emit('peerAction', data);
setTimeout(() => {
getRoomParticipants(true);
}, 6000);
}
}
});
break;
case 'mute':
case 'hide':
let whoMuteHide = data.broadcast ? 'everyone' : 'current participant';
Swal.fire({
background: swalBackground,
position: 'center',
imageUrl: action == 'mute' ? image.mute : image.hide,
title:
action == 'mute'
? 'Mute ' + whoMuteHide + ' excpect yourself?'
: 'Hide ' + whoMuteHide + ' except yourself?',
text:
action == 'mute'
? "Once muted, you won't be able to unmute them, but they can unmute themselves at any time."
: "Once hided, you won't be able to unhide them, but they can unhide themselves at any time.",
showDenyButton: true,
confirmButtonText: `Yes`,
denyButtonText: `No`,
showClass: {
popup: 'animate__animated animate__fadeInDown',
},
hideClass: {
popup: 'animate__animated animate__fadeOutUp',
},
}).then((result) => {
if (result.isConfirmed) {
if (!data.broadcast) {
switch (action) {
case 'mute':
let peerAudioButton = this.getId(data.peer_id + '___pAudio');
if (peerAudioButton) peerAudioButton.innerHTML = _PEER.audioOff;
break;
case 'hide':
let peerVideoButton = this.getId(data.peer_id + '___pVideo');
if (peerVideoButton) peerVideoButton.innerHTML = _PEER.videoOff;
}
this.socket.emit('peerAction', data);
} else {
let actionButton = this.getId(action + 'AllButton');
if (actionButton) actionButton.style.display = 'none';
this.socket.emit('peerAction', data);
setTimeout(() => {
getRoomParticipants(true);
}, 2000);
}
}
});
break;
}
}
// ####################################################
// UPDATE PEER INFO
// ####################################################

Write Preview
Loading…
Cancel
Save