integrate hand-raise API

signalwire · Oct 9, 2024 · f7b54b0 · f7b54b0
1 parent cdbc939
commit f7b54b0
Show file tree

Hide file tree

Showing 2 changed files with 31 additions and 2 deletions.
diff --git a/public/full.js b/public/full.js
@@ -41,6 +41,8 @@ const inCallElements = [
   unlockCallBtn,
   deafSelfBtn,
   undeafSelfBtn,
+  raiseHandBtn,
+  lowerHandBtn,
   controlSliders,
   controlLayout,
   hideVMutedBtn,
@@ -826,6 +828,14 @@ window.showVideoMuted = () => {
   roomObj.showVideoMuted()
 }
 
+window.raiseHand = () => {
+  roomObj.setRaisedHand({ raised: true })
+}
+
+window.lowerHand = () => {
+  roomObj.setRaisedHand({ raised: false })
+}
+
 window.changeLayout = (select) => {
   console.log('changeLayout', select.value)
   roomObj.setLayout({ name: select.value })

diff --git a/views/index.ejs b/views/index.ejs
@@ -155,11 +155,11 @@
 
             <div class="btn-group w-100" role="group">
               <button id="lockCallBtn" class="btn btn-warning px-3 mt-2" onClick="lockCall()" disabled="true">
-                lock room
+                Lock room
               </button>
               <button id="unlockCallBtn" class="btn btn-warning px-3 mt-2" onClick="unlockCall()"
                 disabled="true">
-                unlock room
+                Unlock room
               </button>
             </div>
 
@@ -181,6 +181,25 @@
               </button>
             </div>
 
+            <div class="btn-group w-100" role="group">
+              <button
+                id="raiseHandBtn"
+                class="btn btn-warning px-3 mt-2"
+                onClick="raiseHand()"
+                disabled="true"
+              >
+                Raise hand
+              </button>
+              <button
+                id="lowerHandBtn"
+                class="btn btn-warning px-3 mt-2"
+                onClick="lowerHand()"
+                disabled="true"
+              >
+                Lower hand
+              </button>
+            </div>
+
             <h5 class="mt-3" for="layout">Controls</h5>
             <div class="col-12">
               <select class="form-select" onchange="changeLayout(this)" value="" id="layout"></select>