diff --git a/public/css/Room.css b/public/css/Room.css index e9851816..2ba84863 100644 --- a/public/css/Room.css +++ b/public/css/Room.css @@ -347,6 +347,14 @@ body { color: white; } +#recImage { + width: 128px; + height: auto; + margin-bottom: 10px; + margin-top: 5px; + cursor: pointer; +} + /*-------------------------------------------------------------- # Settings Table --------------------------------------------------------------*/ diff --git a/public/js/Room.js b/public/js/Room.js index dd53e008..1fba686c 100644 --- a/public/js/Room.js +++ b/public/js/Room.js @@ -172,6 +172,7 @@ function initClient() { setTippy('switchShare', "Show 'Share Room' popup on join", 'right'); setTippy('roomId', 'Room name (click to copy)', 'right'); setTippy('sessionTime', 'Session time', 'right'); + setTippy('recImage', 'Toggle recording', 'right'); setTippy('roomRecording', 'Only the host (presenter) has the capability to record the meeting', 'bottom'); setTippy('whiteboardGhostButton', 'Toggle transparent background', 'bottom'); setTippy('wbBackgroundColorEl', 'Background color', 'bottom'); @@ -1271,6 +1272,9 @@ function handleButtons() { fullScreenButton.onclick = () => { rc.toggleFullScreen(); }; + recImage.onclick = () => { + isRecording ? stopRecButton.click() : startRecButton.click(); + }; startRecButton.onclick = () => { rc.startRecording(); }; diff --git a/public/views/Room.html b/public/views/Room.html index 33391f53..dacc80f6 100644 --- a/public/views/Room.html +++ b/public/views/Room.html @@ -583,7 +583,7 @@ access to use this app.
-
+