How to Build ZOOM Clone Video Chat in Pure HTML5 CSS3 and Javascript Full Project For Beginners 2020

How to Build ZOOM Clone Video Chat in Pure HTML5 CSS3 and Javascript Full Project For Beginners 2020
x
Build a Zoom Clone Video Chat Web App in HTML5 CSS3 and Javascript Full Project 2021-22

 

Source Code

 

 

<head>
    <script src='https://meet.jit.si/external_api.js'></script>
  </head>
  <body>
  
  <button id="start" type="button">Start</button>
  <div id="jitsi-container">
  </div>
  
  <script>
  var button = document.querySelector('#start');
  var container = document.querySelector('#jitsi-container');
  var api = null;
  
  button.addEventListener('click', () => {
      var possible = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789';
      var stringLength = 30;
  
      function pickRandom() {
      return possible[Math.floor(Math.random() * possible.length)];
      }
  
  var randomString = Array.apply(null, Array(stringLength)).map(pickRandom).join('');
  
      var domain = "meet.jit.si";
      var options = {
          "roomName": randomString,
          "parentNode": container,
          "width": 600,
          "height": 600,
      };
      api = new JitsiMeetExternalAPI(domain, options);
  });
  
  </script>
  </body>
  </html>

Leave a Reply