Scott.Idem/OSIT-AE-App-Svelte
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

The Jitsi meetings and most settings are working well enough for IDAA members to use for now.

Browse Source
This commit is contained in:
Scott Idem
2025-12-04 15:37:04 -05:00
parent c1a440df6c
commit 484ea8c36c
2 changed files with 290 additions and 131 deletions
Download Patch File Download Diff File Expand all files Collapse all files

131
static/jitsi_iframe_api.html
View File

@@ -3,32 +3,72 @@
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Jitsi Meetings iframe API for IDAA</title>
<title>OSIT Jitsi Meetings API Example Template Page</title>
</head>
<body>
<!-- <h1>New Jitsi Meetings for IDAA</h1> -->
<!-- IMPORTANT: This HTML page can be used in an iframe or directly as a page to host Jitsi meetings using the Jitsi Meet External API with JWT authentication. -->
<!-- <p>The URL parameters are passed from the Novi page that contains this as an iframe. This will automatically set the attendees name, email address, moderator status, and room name. The moderator status is based on the Novi UUID. This message will be hidden before going live.</p> -->
<div id="jitsi_meet_external_api_container" style="height: 750px; width: 100%"></div>
<script src="https://jitsi.dgrzone.com/external_api.js"></script>
<script lang="ts">
/* BEGIN: IDAA and Novi specific */
// Partial example of the URL params passed to this iframe from the Novi page:
// ?uuid=${novi_customer_uid}&email=${novi_current_user_obj.Email}&full_name=${full_name}&moderator=${is_moderator}&room=${room_name}&iframe=true&key=${idaa_osit_site_key}&incoming_msg_sound=${incoming_msg_sound}&participant_joined_sound=${participant_joined_sound}&participant_left_sound=${participant_left_sound}&reaction_sound=${reaction_sound}`
let novi_api_root_url = 'https://www.idaa.org/api';
// let novi_api_key_for_idaa = 'abc123';
let novi_api_key_for_idaa = 'CmNdWgdPmgluBWjiTd8xsUCk5mio8F1O9DYAh0pVDcg=';
// Get user info from URL parameters. Generated by the Novi page that contains this iframe.
let novi_url_params = new URLSearchParams(document.location.search);
let user_id = novi_url_params.get('uuid');
let user_full_name = novi_url_params.get('full_name');
let user_email = novi_url_params.get('email');
let user_moderator = novi_url_params.get('moderator');
// Jitsi Meet External API variables
let domain = 'jitsi.dgrzone.com';
let room_name = novi_url_params.get('room') ?? 'the-default-room';
let display_name = user_full_name ?? 'Not My Name';
let email = user_email ?? 'test+unknown@oneskyit.com';
// Replace spaces with plus symbol in email addresses
email = email.replace(/\s+/g, '+');
let is_moderator = user_moderator === 'true' || user_moderator === true ? true : false;
let novi_api_headers = new Headers();
novi_api_headers.append('Authorization', `Basic ${novi_api_key_for_idaa}`);
let requestOptions = {
method: 'GET',
headers: novi_api_headers,
redirect: 'follow'
};
let novi_customer_uid = novi_url_params.get('uuid');
let novi_api_get_customer_endpoint = `${novi_api_root_url}/customers/${novi_customer_uid}`;
console.log(novi_api_get_customer_endpoint);
fetch(novi_api_get_customer_endpoint, requestOptions)
.then((response) => response.json())
.then((result) => {
novi_current_user_obj = result;
// console.log(`Novi's Current User Obj:`, novi_current_user_obj);
console.log(`Novi's Current User Obj (${novi_current_user_obj.Email}):`, novi_current_user_obj);
let full_name = novi_current_user_obj?.Name;
let first_name = novi_current_user_obj?.FirstName;
let last_initial = novi_current_user_obj?.LastName
? novi_current_user_obj.LastName.charAt(0).toUpperCase() + '.'
: '';
if (last_initial) {
full_name = `${first_name} ${last_initial}`;
}
console.log(`Novi's Current User's Full Name: ${full_name}`);
let email = novi_current_user_obj?.Email;
console.log(`Novi's Current User's Email: ${email}`);
// We may need to remove or change a parameter passed here after using it.
// url.searchParams.delete('any_param_you_want_to_remove');
// history.pushState({}, '', url);
})
.catch((error) => console.log('error', error));
let novi_user_id = novi_url_params.get('uuid');
let novi_user_full_name = novi_url_params.get('full_name');
let novi_user_email = novi_url_params.get('email');
// I need to think of a better way to flag moderators if this is being used with Novi in an iframe.
// Temporarily hard coding moderators:
// 5724aad7-6d89-47e7-8943-966fd22911bd = Steven L. Klein - Stevenklein425@gmail.com
// 182d1db3-caa9-41bc-b04a-2facc6859aeb = Melissa Eve Valasky - melissav95@gmail.com
@@ -40,10 +80,39 @@
'182d1db3-caa9-41bc-b04a-2facc6859aeb'
];
if (novi_jitsi_mod_li.includes(user_id)) {
is_moderator = true;
let novi_user_moderator = novi_url_params.get('moderator');
let novi_is_moderator = false;
if (novi_jitsi_mod_li.includes(novi_user_id)) {
novi_is_moderator = true;
}
// Set variables for Jitsi Meet External API
let user_id = novi_user_id;
let user_full_name = novi_user_full_name;
let user_email = novi_user_email;
let user_moderator = novi_user_moderator;
let url_params = novi_url_params;
let is_moderator = novi_is_moderator
/* END: IDAA and Novi specific */
// These disabled sound options will be used in the disabledSounds array below.
let disabled_sounds = [
url_params.get('incoming_msg_sound') ? 'INCOMING_MSG_SOUND' : null,
url_params.get('participant_joined_sound') ? 'PARTICIPANT_JOINED_SOUND' : null,
url_params.get('participant_left_sound') ? 'PARTICIPANT_LEFT_SOUND' : null,
url_params.get('reaction_sound') ? 'REACTION_SOUND' : null,
url_params.get('raise_hand_sound') ? 'RAISE_HAND_SOUND' : null,
];
// Jitsi Meet External API variables
let domain = url_params.get('domain') ?? 'jitsi.dgrzone.com';
let room_name = url_params.get('room') ?? 'The-Default-Room';
let display_name = user_full_name ?? 'Not My Name';
let email = user_email ?? 'test+unknown@oneskyit.com';
// Replace spaces with plus symbol in email addresses
email = email.replace(/\s+/g, '+');
// let is_moderator = user_moderator === 'true' || user_moderator === true ? true : false;
// 1. Function to fetch the JWT from your backend
async function getJitsiJwt() {
const tokenEndpoint = 'https://api.oneskyit.com/api/jitsi_token';
@@ -155,6 +224,36 @@
startWithAudioMuted: true, // Mutes the local user upon joining
startWithVideoMuted: true, // Mutes the local user upon joining
enableLobby: is_moderator,
// OMG THESE disabledSounds ACTUALLY WORK!!!!
// Use the disableSounds array to disable per browser session instance. This should be configurable though. The JWT payload (above in getJitsiJwt()) does not seem to support it?
// Keep this disabledSounds list for reference:
// https://jitsi.github.io/handbook/docs/dev-guide/dev-guide-configuration/#disabledsounds
// disabledSounds: [
// 'ASKED_TO_UNMUTE_SOUND',
// 'E2EE_OFF_SOUND',
// 'E2EE_ON_SOUND',
// 'INCOMING_MSG_SOUND',
// 'KNOCKING_PARTICIPANT_SOUND',
// 'LIVE_STREAMING_OFF_SOUND',
// 'LIVE_STREAMING_ON_SOUND',
// 'NO_AUDIO_SIGNAL_SOUND',
// 'NOISY_AUDIO_INPUT_SOUND',
// 'OUTGOING_CALL_EXPIRED_SOUND',
// 'OUTGOING_CALL_REJECTED_SOUND',
// 'OUTGOING_CALL_RINGING_SOUND',
// 'OUTGOING_CALL_START_SOUND',
// 'PARTICIPANT_JOINED_SOUND',
// 'PARTICIPANT_LEFT_SOUND',
// 'RAISE_HAND_SOUND',
// 'REACTION_SOUND',
// 'RECORDING_OFF_SOUND',
// '_ON_SOUND',
// 'TALK_WHILE_MUTED_SOUND',
//],
disabledSounds: disabled_sounds.filter(sound => sound), // Remove any null/undefined entries
},
interfaceConfigOverwrite: {