diff --git a/bbb-api-demo/src/main/webapp/demo_iframe.jsp b/bbb-api-demo/src/main/webapp/demo_iframe.jsp
index b9a30db6b4bc584019513827dc1021a111c9cda2..a30d410de23d8b2ceaf4e0f458149aa4cf5ef97d 100644
--- a/bbb-api-demo/src/main/webapp/demo_iframe.jsp
+++ b/bbb-api-demo/src/main/webapp/demo_iframe.jsp
@@ -198,16 +198,19 @@ controls.setAttribute('align', 'middle');
 controls.setAttribute('float', 'left');
 
 // ****************** Controls *****************************/
+function recToggle(){
+  document.getElementById("client-content").contentWindow.postMessage('c_record', '*');
+}
+
+function muteToggle(){
+  document.getElementById("client-content").contentWindow.postMessage('c_mute', '*');
+}
+
 // Node for the control which controls recording functionality of the html5Client
 recButton.setAttribute('onClick', 'recToggle();');
-
 controls.appendChild(recButton);
 
-
-// const muteButton = document.createElement('button');
-// muteButton.innerHTML = 'Toggle mute';
 muteButton.setAttribute('onClick', 'muteToggle();');
-
 controls.appendChild(muteButton);
 
 // Append the nodes of contents to the body node