bigbluebutton-strapi/server/public/bbb.js

Integrate online classes into Strapi CMS via BigBlueButton open-source video conferencing. This free plugin also provides API end-points to easily setup start and join buttons for web conferencing into any frontend app.

/* eslint-disable no-inner-declarations */
/* eslint-disable no-undef */
'use strict';
function validateCode() {
  const name = document.getElementById('name').value;
  const code = document.getElementById('code').value;
  const meetingId = document.getElementById('meetingId').value;
  const validateUrl = '/bigbluebutton/class/auth/join/' + meetingId;
  const joinUrl = '/bigbluebutton/class/join/' + meetingId;
  const isMeetingRunning = '/bigbluebutton/class/status/' + meetingId;
  if (!name) {
    document.getElementById('nameError').style.display = 'block';
    return false;
  }
  if (code) {
    fetch(validateUrl, {
      method: 'post', // Default is 'get'
      body: JSON.stringify({
        code,
      }),
      mode: 'cors',
      headers: new Headers({
        'Content-Type': 'application/json',
      }),
    })
      .then(response => response.json())
      .then(json => {
        if (json.isValid) {
          document.getElementById('codeError').style.display = 'none';
          document.getElementById('joinbbb').style.display = 'none';
          document.getElementById('WaitingButton').style.display = 'block';

          function joinBBBMeeting() {
            fetch(isMeetingRunning, {
              method: 'get',
              mode: 'cors',
              headers: new Headers({
                'Content-Type': 'application/json',
              }),
            })
              .then(response => response.json())
              .then(json => {
                if (json.running) {
                  fetch(joinUrl, {
                    method: 'post',
                    body: JSON.stringify({
                      viewerName: name,
                      password: code,
                    }),
                    mode: 'cors',
                    headers: new Headers({
                      'Content-Type': 'application/json',
                    }),
                  })
                    .then(response => response.json())
                    .then(json => {
                      window.location.replace(json.joinURL);
                      stopInterval();
                    });
                } else {
                  document.getElementById('joinbbb').style.display = 'none';
                  document.getElementById('meeting').style.display = 'block';
                  document.getElementById('WaitingButton').style.display = 'block';
                  return false;
                }
              });
          }
          const runningMeeting = setInterval(() => {
            joinBBBMeeting();
          }, 10000);

          function stopInterval() {
            clearInterval(runningMeeting);
          }
        } else {
          document.getElementById('codeError').style.display = 'block';
          return false;
        }
      });
  } else {
    document.getElementById('codeError').style.display = 'block';
    return false;
  }
}

document.getElementById('joinbbb').addEventListener('click', () => {
  validateCode();
});
document.getElementById('code').addEventListener('click', () => {
  document.getElementById('codeError').style.display = 'none';
  document.getElementById('nameError').style.display = 'none';
});
document.getElementById('name').addEventListener('click', () => {
  document.getElementById('codeError').style.display = 'none';
  document.getElementById('nameError').style.display = 'none';
});