Work on Jitsi for IDAA in the Novi site.

2025-09-18 15:52:45 -04:00
parent 8ff9f2439f
commit 7fd3ef4f63
1 changed files with 56 additions and 0 deletions
--- a/static/idaa_novi_iframe_jitsi.html
+++ b/static/idaa_novi_iframe_jitsi.html
@@ -0,0 +1,56 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Jitsi iframe API Test Page</title>
+  </head>
+  <body>
+
+
+<!-- Jitsi Meet External API -->
+ <h1>Jitsi Meet External API</h1>
+<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">
+// https://jitsi.dgrzone.com/it-is-hot-outside
+let base_url = 'https://jitsi.dgrzone.com';
+let room_name = 'it-is-hot-outside'; // Set externally by URL param
+
+let domain = 'jitsi.dgrzone.com'; // 'meet.jitsi';
+let room_moderator = true; // Set based on Novi API response
+let display_name = 'John Doe'; // Set based on Novi API response
+let email = 'test+john@oneskyit.com'; // Set based on Novi API response
+
+// Jitsi Meet External API
+const options = {
+    roomName: room_name,
+    width: '100%',
+    height: 750,
+    parentNode: document.getElementById('jitsi_meet_external_api_container'),
+    userInfo: {
+        displayName: display_name,
+        email: email,
+    },
+    configOverwrite: {
+        prejoinPageEnabled: false,
+        // Optionally, mute audio and video on join
+        startWithAudioMuted: true,
+        startWithVideoMuted: true,
+        enablePrejoinPage: false,
+        enableWelcomePage: false,
+        enableClosePage: false,
+        // Enable lobby for moderators
+        enableLobby: room_moderator,
+    },
+    // The key is to pass the JWT here
+    // jwt: your_generated_jwt
+};
+
+const api = new JitsiMeetExternalAPI(domain, options);
+</script>
+
+
+  </body>
+</html>