Auto-mute other users' webcam sound channels

This commit is contained in:
Noah 2024-01-11 19:45:32 -08:00
parent 27380ec558
commit bf59a7b6c9
2 changed files with 29 additions and 0 deletions

View File

@ -167,6 +167,7 @@ export default {
nonExplicit: false, // user prefers not to see explicit cameras
vipOnly: false, // only show camera to fellow VIP users
rememberExpresslyClosed: true, // remember cams we expressly closed
autoMuteWebcams: false, // auto-mute other cameras' audio channels
// Who all is watching me? map of users.
watching: {},
@ -460,6 +461,9 @@ export default {
"webcam.rememberExpresslyClosed": function () {
LocalStorage.set('rememberExpresslyClosed', this.webcam.rememberExpresslyClosed);
},
"webcam.autoMuteWebcams": function () {
LocalStorage.set('autoMuteWebcams', this.webcam.autoMuteWebcams);
},
// Misc preference watches
"prefs.joinMessages": function () {
@ -816,6 +820,9 @@ export default {
if (settings.rememberExpresslyClosed === false) {
this.webcam.rememberExpresslyClosed = false;
}
if (settings.autoMuteWebcams === true) {
this.webcam.autoMuteWebcams = true;
}
// Misc preferences
if (settings.usePolling != undefined) {
@ -1474,6 +1481,14 @@ export default {
// When a remote stream arrives.
pc.ontrack = event => {
// If we were not expecting to receive this video (e.g. somebody is requesting our
// cam and sending their video on the offer, but we don't want to auto-open their
// video, so don't use it)
if (!isOfferer && !this.webcam.mutualOpen) {
console.log(`The offerer ${username} gave us a video, but we don't auto-open their video.`);
return;
}
const stream = event.streams[0];
// Had we expressly closed this user's cam before? e.g.: if we have auto-open their
@ -1508,6 +1523,12 @@ export default {
window.requestAnimationFrame(() => {
let $ref = document.getElementById(`videofeed-${username}`);
$ref.srcObject = stream;
// Are we muting their videos by default?
if (this.webcam.autoMuteWebcams) {
this.WebRTC.muted[username] = true;
$ref.muted = true;
}
});
// Inform them they are being watched.
@ -3430,6 +3451,13 @@ export default {
</label>
</div>
<div class="field mb-1">
<label class="checkbox">
<input type="checkbox" v-model="webcam.autoMuteWebcams">
<i class="fa fa-microphone-slash mx-1"></i> Automatically mute audio on other peoples' webcams
</label>
</div>
<div class="field mb-1" v-if="isVIP">
<label class="checkbox">
<input type="checkbox" v-model="webcam.vipOnly">

View File

@ -16,6 +16,7 @@ const keys = {
'videoExplicit': Boolean, // whether the user turns explicit on by default
'videoNonExplicit': Boolean, // user prefers not to see explicit
'rememberExpresslyClosed': Boolean,
'autoMuteWebcams': Boolean, // automatically mute other peoples' webcam audio feeds
// Booleans
'usePolling': Boolean, // use the polling API instead of WebSocket