diff --git a/src/App.vue b/src/App.vue index 4cc3fda..9c25b56 100644 --- a/src/App.vue +++ b/src/App.vue @@ -1374,6 +1374,23 @@ export default { } } + // Common callback handler after the confirmation box. + const callback = () => { + // Hang up videos both ways. + this.closeVideo(username); + + this.sendMute(username, mute); + if (mute) { + this.ChatClient( + `You have muted ${username} and will no longer see their chat messages, ` + + `and they will not see whether your webcam is active. You may unmute them via the Who Is Online list.`); + } else { + this.ChatClient( + `You have unmuted ${username} and can see their chat messages from now on.`, + ); + } + }; + if (mute) { this.modalConfirm({ title: `Mute ${username}`, @@ -1383,6 +1400,7 @@ export default { `not be able to see whether your webcam is active until you unmute them.`, }).then(() => { this.muted[username] = true; + callback(); }); } else { this.modalConfirm({ @@ -1393,22 +1411,9 @@ export default { `they may be able to watch your webcam now if you are broadcasting!`, }).then(() => { delete this.muted[username]; + callback(); }); } - - // Hang up videos both ways. - this.closeVideo(username); - - this.sendMute(username, mute); - if (mute) { - this.ChatClient( - `You have muted ${username} and will no longer see their chat messages, ` + - `and they will not see whether your webcam is active. You may unmute them via the Who Is Online list.`); - } else { - this.ChatClient( - `You have unmuted ${username} and can see their chat messages from now on.`, - ); - } }, sendMute(username, mute) { this.client.send({ diff --git a/web/templates/about.html b/web/templates/about.html index a5b66c7..19fb8dc 100644 --- a/web/templates/about.html +++ b/web/templates/about.html @@ -43,7 +43,10 @@
You may add emoji reactions to chat messages by clicking on the @@ -218,7 +230,10 @@ reaction by clicking on it.
-If somebody on chat is bothering you, you may mute their messages by clicking @@ -244,7 +259,10 @@ session (until you log off).
-BareRTC supports Markdown syntax for your chat messages. You can make text bold @@ -264,9 +282,15 @@
The WebRTC technology used by this chat room allows for direct, peer to peer @@ -293,7 +317,10 @@ way so that they may be banned from the chat room.
-To share your webcam, click on the green @@ -326,14 +353,20 @@ -
When you are broadcasting, the red " Stop" button at the top of the page will turn your camera off.
-The button to Mute will be at the top of the page next to the @@ -341,7 +374,10 @@ your own webcam video preview to toggle the mute that way. Either button works!
-You may click on the
-On the Who's Online list, click on the Watching tab to see who @@ -379,9 +418,64 @@ sure that you have booted them!
++ There are a few methods available to change the size of videos on the chat room, + depending on whether your device has a mouse cursor or is a touch screen (such as a tablet). +
+ ++ Options that may work with all devices (with mouse or touch screen): +
+ ++ If you are on a device with a mouse cursor, such as a desktop or a laptop with a touchpad, there + are a couple of ways to resize individual videos how you see fit: +
+ ++ And finally: you can put a video "full screen" too. In the control buttons at the bottom of each + video (beginning with the mute audio button), the one on the right will toggle the video into a + full screen view. +
+All features of the chat room, including webcam sharing, should generally work on all current @@ -391,7 +485,10 @@
Some of the privacy considerations with this chat room include: @@ -438,15 +535,24 @@
This section contains some troubleshooting advice for issues commonly experienced in the chat room.
-If you see an error message from ChatClient that says @@ -555,7 +661,10 @@
The most common error is a Permission Error as described above, but there are some less common @@ -587,7 +696,10 @@ be the Mozilla documentation for getUserMedia.
-It may sometimes happen that you clicked to watch somebody else's webcam on chat, and their video doesn't