Wondercall
The simplest Video Call API for your product
<div style='position:fixed;bottom:20px;right:20px;z-index:999;background:transparent'> <iframe id='videoFrame' src='https://demo.tico.chat/powercall?room=oo7q8tw9&entry=wondercall' style='display:block;border:1px solid #eee;border-radius:8px;box-shadow:2px 2px rgba(0,0,0,0.2);' width=585 height=520 frameBorder='0' allow='autoplay;encrypted-media;camera;microphone' allowFullScreen></iframe> <div id='frameBoxHandler' style='display:flex;box-shadow: 2px 2px rgba(0,0,0,0.2);margin-top:10px;margin-left:auto;width:40px;height:40px;border-radius:8px;background:#fff;color:#ed2a67;align-items:center;justify-content:center;'> X </div> </div> <script>var bObj = document.getElementById('frameBoxHandler'); bObj.onclick = function() { if (document.getElementById('videoFrame').style.display === 'block') { document.getElementById('videoFrame').style.display = 'none'; document.getElementById('frameBoxHandler').innerHTML = 'Call'; document.getElementById('frameBoxHandler').style.background = '#ed2a67'; document.getElementById('frameBoxHandler').style.color = '#fff'; } else { document.getElementById('videoFrame').style.display = 'block'; document.getElementById('frameBoxHandler').innerHTML = 'X'; document.getElementById('frameBoxHandler').style.background = '#fff'; document.getElementById('frameBoxHandler').style.color = '#ed2a67'; } }; // Feel free to add any script as your needs to make your call more powerful, like sending a notifying email when the call is initiated every time.</script>