diff --git a/web/static/js/BareRTC.js b/web/static/js/BareRTC.js
index 7be37d2..4f1d585 100644
--- a/web/static/js/BareRTC.js
+++ b/web/static/js/BareRTC.js
@@ -1689,7 +1689,27 @@ const app = Vue.createApp({
return false;
},
- // Boot someone off yourn video.
+ // Show who watches our video.
+ showViewers() {
+ // TODO: for now, ChatClient is our bro.
+ let users = Object.keys(this.webcam.watching);
+ if (users.length === 0) {
+ this.ChatClient("There is currently nobody viewing your camera.");
+ } else {
+ this.ChatClient("Your current webcam viewers are:
" + users.join(", "));
+ }
+
+ // Also focus the Watching list.
+ this.whoTab = 'watching';
+
+ // TODO: if mobile, show the panel - this width matches
+ // the media query in chat.css
+ if (screen.width < 1024) {
+ this.openWhoPanel();
+ }
+ },
+
+ // Boot someone off your video.
bootUser(username) {
if (!window.confirm(
`Kick ${username} off your camera? This will also prevent them `+
diff --git a/web/templates/chat.html b/web/templates/chat.html
index 8d1c7fc..a9169d9 100644
--- a/web/templates/chat.html
+++ b/web/templates/chat.html
@@ -592,6 +592,15 @@
Unmute
+
+
+