61 lines
2.8 KiB
HTML
61 lines
2.8 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<title>IDAA Novi Jitsi iframe Example Template Page</title>
|
|
</head>
|
|
<body>
|
|
|
|
<!-- README: This is an example template page for embedding a Jitsi meeting iframe in the IDAA Novi site. Copy the code below to use it in your own page(s). -->
|
|
|
|
<!-- START: Copy below this point -->
|
|
<!-- IMPORTANT: The <p> and <script> elements below are for using in an iframe in the IDAA Novi site. -->
|
|
<!-- IDAA OSIT iframe container element for Novi - Jitsi Meeting iframe -->
|
|
<p>
|
|
<iframe
|
|
width="100%"
|
|
height="950"
|
|
id="ae_idaa_jitsi_meeting_iframe"
|
|
src=""
|
|
style="min-height: 750px; height: min-content; max-height: 2048px"
|
|
class="ae_idaa_iframe"
|
|
allow="camera; microphone; fullscreen; display-capture; autoplay; clipboard-write"
|
|
allowfullscreen
|
|
></iframe>
|
|
</p>
|
|
<!-- IDAA and Novi specific JavaScript to get current Novi user info and load Jitsi iframe -->
|
|
<script>
|
|
let novi_customer_uid = '<%=Novi.User.CustomerUniqueId%>'; // NOTE: The Novi UUID for the current current user/customer
|
|
console.log(`Novi's Current User's ID: ${novi_customer_uid}`);
|
|
|
|
// NOTE: Change the room_name value to the desired Jitsi room name for the meeting.
|
|
let room_name = 'IDAA-Example-Meeting'; // // NOTE: Change this example meeting room name
|
|
// Example meeting room names: 'IDAA-Meeting' 'IDAA-Student-and-Resident-Meeting'
|
|
// let novi_group_id = ''; // Not in use yet
|
|
// let novi_category_id = ''; // Not in use yet
|
|
|
|
// WARNING:Do *not* use relative paths here. They must be direct to the site OSIT is hosting for IDAA. This value must point to the Svelte Jitsi page.
|
|
let idaa_osit_ae_api_root_url =
|
|
'https://dev-idaa.oneskyit.com/idaa/video_conferences'; // NOTE: DO NOT CHANGE THIS VALUE
|
|
// Example URLs: 'https://sk-idaa.oneskyit.com/idaa/video_conferences' OR 'https://dev-idaa.oneskyit.com/idaa/video_conferences' OR 'http://idaa.localhost:5173/idaa/video_conferences
|
|
|
|
// WARNING: Do *not* change this value. It is required for access control to the IDAA AE API.
|
|
let idaa_osit_ae_site_key = 'restricted-access'; // DO NOT CHANGE THIS VALUE
|
|
// Example site keys: '8VTOJ0X5hvT6JdiTJsGEzQ' OR 'restricted-access' OR 'restricted'
|
|
|
|
let idaa_ae_params = new URLSearchParams(document.location.search);
|
|
let idaa_ae_iframe_element = document.getElementById(
|
|
'ae_idaa_jitsi_meeting_iframe'
|
|
);
|
|
|
|
idaa_ae_iframe_element.src =
|
|
`${idaa_osit_ae_api_root_url}?uuid=${novi_customer_uid}&iframe=true&key=${idaa_osit_ae_site_key}&room=${room_name}`
|
|
;
|
|
|
|
</script>
|
|
<!-- STOP: Do not copy below this point -->
|
|
|
|
</body>
|
|
</html>
|