Integrate lock API in the CF playground (#1099)

signalwire · Jul 19, 2024 · a7a5296 · a7a5296
1 parent b500783
commit a7a5296
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 8 deletions.
diff --git a/internal/playground-js/src/fabric/index.html b/internal/playground-js/src/fabric/index.html
@@ -200,20 +200,20 @@ <h5>Controls</h5>
 
               <div class="btn-group w-100" role="group">
                 <button
-                  id="raiseHandBtn"
+                  id="lockRoomBtn"
                   class="btn btn-warning px-3 mt-2"
-                  onClick="raiseHand()"
+                  onClick="lockRoom()"
                   disabled="true"
                 >
-                  Raise hand
+                  Lock room
                 </button>
                 <button
-                  id="lowerHandBtn"
+                  id="unlockRoomBtn"
                   class="btn btn-warning px-3 mt-2"
-                  onClick="lowerHand()"
+                  onClick="unlockRoom()"
                   disabled="true"
                 >
-                  Lower hand
+                  Unlock room
                 </button>
               </div>
 

diff --git a/internal/playground-js/src/fabric/index.js b/internal/playground-js/src/fabric/index.js
@@ -37,8 +37,8 @@ const inCallElements = [
   controlLayout,
   hideVMutedBtn,
   showVMutedBtn,
-  raiseHandBtn,
-  lowerHandBtn,
+  lockRoomBtn,
+  unlockRoomBtn,
   hideScreenShareBtn,
   showScreenShareBtn,
   controlRecording,
@@ -501,6 +501,14 @@ window.showVideoMuted = () => {
   roomObj.showVideoMuted()
 }
 
+window.lockRoom = () => {
+  roomObj.lock()
+}
+
+window.unlockRoom = () => {
+  roomObj.unlock()
+}
+
 window.changeLayout = (select) => {
   roomObj.setLayout({ name: select.value })
 }