diff --git a/.eslintrc.json b/.eslintrc.json
new file mode 100644
index 0000000..bffb357
--- /dev/null
+++ b/.eslintrc.json
@@ -0,0 +1,3 @@
+{
+ "extends": "next/core-web-vitals"
+}
diff --git a/.gitattributes b/.gitattributes
new file mode 100644
index 0000000..0a65c24
--- /dev/null
+++ b/.gitattributes
@@ -0,0 +1 @@
+public/background-images/*.jpg filter=lfs diff=lfs merge=lfs -text
diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..a93cfbb
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1,206 @@
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+/.pnp
+.pnp.js
+
+# testing
+/coverage
+
+# next.js
+/.next/
+/out/
+
+# production
+/build
+
+# misc
+.DS_Store
+*.pem
+
+# debug
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+.pnpm-debug.log*
+
+# local env files
+.env.local
+.env.development.local
+.env.test.local
+.env.production.local
+
+# vercel
+.vercel
+
+# typescript
+*.tsbuildinfo
+
+# Byte-compiled / optimized / DLL files
+__pycache__/
+*.py[cod]
+*$py.class
+
+# C extensions
+# *.so
+
+# Distribution / packaging
+.Python
+build/
+develop-eggs/
+dist/
+downloads/
+eggs/
+.eggs/
+# lib/
+lib64/
+parts/
+sdist/
+var/
+wheels/
+share/python-wheels/
+*.egg-info/
+.installed.cfg
+*.egg
+MANIFEST
+
+# PyInstaller
+# Usually these files are written by a python script from a template
+# before PyInstaller builds the exe, so as to inject date/other infos into it.
+*.manifest
+*.spec
+
+# Installer logs
+pip-log.txt
+pip-delete-this-directory.txt
+
+# Unit test / coverage reports
+htmlcov/
+.tox/
+.nox/
+.coverage
+.coverage.*
+.cache
+nosetests.xml
+coverage.xml
+*.cover
+*.py,cover
+.hypothesis/
+.pytest_cache/
+cover/
+
+# Translations
+*.mo
+*.pot
+
+# Django stuff:
+*.log
+local_settings.py
+db.sqlite3
+db.sqlite3-journal
+
+# Flask stuff:
+instance/
+.webassets-cache
+
+# Scrapy stuff:
+.scrapy
+
+# Sphinx documentation
+docs/_build/
+
+# PyBuilder
+.pybuilder/
+target/
+
+# Jupyter Notebook
+.ipynb_checkpoints
+
+# IPython
+profile_default/
+ipython_config.py
+
+# pyenv
+# For a library or package, you might want to ignore these files since the code is
+# intended to run in multiple environments; otherwise, check them in:
+# .python-version
+
+# pipenv
+# According to pypa/pipenv#598, it is recommended to include Pipfile.lock in version control.
+# However, in case of collaboration, if having platform-specific dependencies or dependencies
+# having no cross-platform support, pipenv may install dependencies that don't work, or not
+# install all needed dependencies.
+#Pipfile.lock
+
+# poetry
+# Similar to Pipfile.lock, it is generally recommended to include poetry.lock in version control.
+# This is especially recommended for binary packages to ensure reproducibility, and is more
+# commonly ignored for libraries.
+# https://python-poetry.org/docs/basic-usage/#commit-your-poetrylock-file-to-version-control
+#poetry.lock
+
+# pdm
+# Similar to Pipfile.lock, it is generally recommended to include pdm.lock in version control.
+#pdm.lock
+# pdm stores project-wide configurations in .pdm.toml, but it is recommended to not include it
+# in version control.
+# https://pdm.fming.dev/#use-with-ide
+.pdm.toml
+
+# PEP 582; used by e.g. github.com/David-OConnor/pyflow and github.com/pdm-project/pdm
+__pypackages__/
+
+# Celery stuff
+celerybeat-schedule
+celerybeat.pid
+
+# SageMath parsed files
+*.sage.py
+
+# Environments
+.env
+.venv
+env/
+venv/
+ENV/
+env.bak/
+venv.bak/
+
+# Spyder project settings
+.spyderproject
+.spyproject
+
+# Rope project settings
+.ropeproject
+
+# mkdocs documentation
+/site
+
+# mypy
+.mypy_cache/
+.dmypy.json
+dmypy.json
+
+# Pyre type checker
+.pyre/
+
+# pytype static type analyzer
+.pytype/
+
+# Cython debug symbols
+cython_debug/
+
+# PyCharm
+# JetBrains specific template is maintained in a separate JetBrains.gitignore that can
+# be found at https://github.com/github/gitignore/blob/main/Global/JetBrains.gitignore
+# and can be added to the global gitignore or merged into this file. For a more nuclear
+# option (not recommended) you can uncomment the following to ignore the entire idea folder.
+#.idea/
+
+# vscode project settings
+.vscode
+
+.DS_Store
+
+docs
\ No newline at end of file
diff --git a/.prettierignore b/.prettierignore
new file mode 100644
index 0000000..fb6e24e
--- /dev/null
+++ b/.prettierignore
@@ -0,0 +1,3 @@
+.github/
+.next/
+node_modules/
\ No newline at end of file
diff --git a/.prettierrc b/.prettierrc
new file mode 100644
index 0000000..4148c21
--- /dev/null
+++ b/.prettierrc
@@ -0,0 +1,7 @@
+{
+ "singleQuote": true,
+ "trailingComma": "all",
+ "semi": true,
+ "tabWidth": 2,
+ "printWidth": 100
+}
diff --git a/LICENSE b/LICENSE
new file mode 100644
index 0000000..d645695
--- /dev/null
+++ b/LICENSE
@@ -0,0 +1,202 @@
+
+ Apache License
+ Version 2.0, January 2004
+ http://www.apache.org/licenses/
+
+ TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
+
+ 1. Definitions.
+
+ "License" shall mean the terms and conditions for use, reproduction,
+ and distribution as defined by Sections 1 through 9 of this document.
+
+ "Licensor" shall mean the copyright owner or entity authorized by
+ the copyright owner that is granting the License.
+
+ "Legal Entity" shall mean the union of the acting entity and all
+ other entities that control, are controlled by, or are under common
+ control with that entity. For the purposes of this definition,
+ "control" means (i) the power, direct or indirect, to cause the
+ direction or management of such entity, whether by contract or
+ otherwise, or (ii) ownership of fifty percent (50%) or more of the
+ outstanding shares, or (iii) beneficial ownership of such entity.
+
+ "You" (or "Your") shall mean an individual or Legal Entity
+ exercising permissions granted by this License.
+
+ "Source" form shall mean the preferred form for making modifications,
+ including but not limited to software source code, documentation
+ source, and configuration files.
+
+ "Object" form shall mean any form resulting from mechanical
+ transformation or translation of a Source form, including but
+ not limited to compiled object code, generated documentation,
+ and conversions to other media types.
+
+ "Work" shall mean the work of authorship, whether in Source or
+ Object form, made available under the License, as indicated by a
+ copyright notice that is included in or attached to the work
+ (an example is provided in the Appendix below).
+
+ "Derivative Works" shall mean any work, whether in Source or Object
+ form, that is based on (or derived from) the Work and for which the
+ editorial revisions, annotations, elaborations, or other modifications
+ represent, as a whole, an original work of authorship. For the purposes
+ of this License, Derivative Works shall not include works that remain
+ separable from, or merely link (or bind by name) to the interfaces of,
+ the Work and Derivative Works thereof.
+
+ "Contribution" shall mean any work of authorship, including
+ the original version of the Work and any modifications or additions
+ to that Work or Derivative Works thereof, that is intentionally
+ submitted to Licensor for inclusion in the Work by the copyright owner
+ or by an individual or Legal Entity authorized to submit on behalf of
+ the copyright owner. For the purposes of this definition, "submitted"
+ means any form of electronic, verbal, or written communication sent
+ to the Licensor or its representatives, including but not limited to
+ communication on electronic mailing lists, source code control systems,
+ and issue tracking systems that are managed by, or on behalf of, the
+ Licensor for the purpose of discussing and improving the Work, but
+ excluding communication that is conspicuously marked or otherwise
+ designated in writing by the copyright owner as "Not a Contribution."
+
+ "Contributor" shall mean Licensor and any individual or Legal Entity
+ on behalf of whom a Contribution has been received by Licensor and
+ subsequently incorporated within the Work.
+
+ 2. Grant of Copyright License. Subject to the terms and conditions of
+ this License, each Contributor hereby grants to You a perpetual,
+ worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+ copyright license to reproduce, prepare Derivative Works of,
+ publicly display, publicly perform, sublicense, and distribute the
+ Work and such Derivative Works in Source or Object form.
+
+ 3. Grant of Patent License. Subject to the terms and conditions of
+ this License, each Contributor hereby grants to You a perpetual,
+ worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+ (except as stated in this section) patent license to make, have made,
+ use, offer to sell, sell, import, and otherwise transfer the Work,
+ where such license applies only to those patent claims licensable
+ by such Contributor that are necessarily infringed by their
+ Contribution(s) alone or by combination of their Contribution(s)
+ with the Work to which such Contribution(s) was submitted. If You
+ institute patent litigation against any entity (including a
+ cross-claim or counterclaim in a lawsuit) alleging that the Work
+ or a Contribution incorporated within the Work constitutes direct
+ or contributory patent infringement, then any patent licenses
+ granted to You under this License for that Work shall terminate
+ as of the date such litigation is filed.
+
+ 4. Redistribution. You may reproduce and distribute copies of the
+ Work or Derivative Works thereof in any medium, with or without
+ modifications, and in Source or Object form, provided that You
+ meet the following conditions:
+
+ (a) You must give any other recipients of the Work or
+ Derivative Works a copy of this License; and
+
+ (b) You must cause any modified files to carry prominent notices
+ stating that You changed the files; and
+
+ (c) You must retain, in the Source form of any Derivative Works
+ that You distribute, all copyright, patent, trademark, and
+ attribution notices from the Source form of the Work,
+ excluding those notices that do not pertain to any part of
+ the Derivative Works; and
+
+ (d) If the Work includes a "NOTICE" text file as part of its
+ distribution, then any Derivative Works that You distribute must
+ include a readable copy of the attribution notices contained
+ within such NOTICE file, excluding those notices that do not
+ pertain to any part of the Derivative Works, in at least one
+ of the following places: within a NOTICE text file distributed
+ as part of the Derivative Works; within the Source form or
+ documentation, if provided along with the Derivative Works; or,
+ within a display generated by the Derivative Works, if and
+ wherever such third-party notices normally appear. The contents
+ of the NOTICE file are for informational purposes only and
+ do not modify the License. You may add Your own attribution
+ notices within Derivative Works that You distribute, alongside
+ or as an addendum to the NOTICE text from the Work, provided
+ that such additional attribution notices cannot be construed
+ as modifying the License.
+
+ You may add Your own copyright statement to Your modifications and
+ may provide additional or different license terms and conditions
+ for use, reproduction, or distribution of Your modifications, or
+ for any such Derivative Works as a whole, provided Your use,
+ reproduction, and distribution of the Work otherwise complies with
+ the conditions stated in this License.
+
+ 5. Submission of Contributions. Unless You explicitly state otherwise,
+ any Contribution intentionally submitted for inclusion in the Work
+ by You to the Licensor shall be under the terms and conditions of
+ this License, without any additional terms or conditions.
+ Notwithstanding the above, nothing herein shall supersede or modify
+ the terms of any separate license agreement you may have executed
+ with Licensor regarding such Contributions.
+
+ 6. Trademarks. This License does not grant permission to use the trade
+ names, trademarks, service marks, or product names of the Licensor,
+ except as required for reasonable and customary use in describing the
+ origin of the Work and reproducing the content of the NOTICE file.
+
+ 7. Disclaimer of Warranty. Unless required by applicable law or
+ agreed to in writing, Licensor provides the Work (and each
+ Contributor provides its Contributions) on an "AS IS" BASIS,
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
+ implied, including, without limitation, any warranties or conditions
+ of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
+ PARTICULAR PURPOSE. You are solely responsible for determining the
+ appropriateness of using or redistributing the Work and assume any
+ risks associated with Your exercise of permissions under this License.
+
+ 8. Limitation of Liability. In no event and under no legal theory,
+ whether in tort (including negligence), contract, or otherwise,
+ unless required by applicable law (such as deliberate and grossly
+ negligent acts) or agreed to in writing, shall any Contributor be
+ liable to You for damages, including any direct, indirect, special,
+ incidental, or consequential damages of any character arising as a
+ result of this License or out of the use or inability to use the
+ Work (including but not limited to damages for loss of goodwill,
+ work stoppage, computer failure or malfunction, or any and all
+ other commercial damages or losses), even if such Contributor
+ has been advised of the possibility of such damages.
+
+ 9. Accepting Warranty or Additional Liability. While redistributing
+ the Work or Derivative Works thereof, You may choose to offer,
+ and charge a fee for, acceptance of support, warranty, indemnity,
+ or other liability obligations and/or rights consistent with this
+ License. However, in accepting such obligations, You may act only
+ on Your own behalf and on Your sole responsibility, not on behalf
+ of any other Contributor, and only if You agree to indemnify,
+ defend, and hold each Contributor harmless for any liability
+ incurred by, or claims asserted against, such Contributor by reason
+ of your accepting any such warranty or additional liability.
+
+ END OF TERMS AND CONDITIONS
+
+ APPENDIX: How to apply the Apache License to your work.
+
+ To apply the Apache License to your work, attach the following
+ boilerplate notice, with the fields enclosed by brackets "[]"
+ replaced with your own identifying information. (Don't include
+ the brackets!) The text should be enclosed in the appropriate
+ comment syntax for the file format. We also recommend that a
+ file or class name and description of purpose be included on the
+ same "printed page" as the copyright notice for easier
+ identification within third-party archives.
+
+ Copyright [yyyy] [name of copyright owner]
+
+ Licensed under the Apache License, Version 2.0 (the "License");
+ you may not use this file except in compliance with the License.
+ You may obtain a copy of the License at
+
+ http://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing, software
+ distributed under the License is distributed on an "AS IS" BASIS,
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ See the License for the specific language governing permissions and
+ limitations under the License.
diff --git a/README.md b/README.md
index 4d143b8..8da19fe 100644
--- a/README.md
+++ b/README.md
@@ -1,2 +1,29 @@
-# research_meet
+
+the dev version works but is basen on nextjs, did an attempt to get it to work with the python server and bunding but that didn't work
+
+to test with nexjs do install.sh and run.sh
+
+
+trick to use it from outside is with ngrok
+
+```bash
+~/code/git.ourworld.tf/herocode/meet/install.sh
+
+~/code/git.ourworld.tf/herocode/meet/run.sh
+
+ngrok http 3000
+
+```
+
+
+requirements
+
+```bash
+export LIVEKIT_URL=wss://aaa-3su8kqlm.livekit.cloud
+export LIVEKIT_API_KEY=...
+export LIVEKIT_API_SECRET=...
+```
+
+get those from e.g. https://cloud.livekit.io/ (create a project first)
+or we can self host on TFGrid
\ No newline at end of file
diff --git a/app/api/connection-details/route.ts b/app/api/connection-details/route.ts
new file mode 100644
index 0000000..6c150d8
--- /dev/null
+++ b/app/api/connection-details/route.ts
@@ -0,0 +1,89 @@
+import { randomString } from '@/lib/client-utils';
+import { getLiveKitURL } from '@/lib/getLiveKitURL';
+import { ConnectionDetails } from '@/lib/types';
+import { AccessToken, AccessTokenOptions, VideoGrant } from 'livekit-server-sdk';
+import { NextRequest, NextResponse } from 'next/server';
+
+const API_KEY = process.env.LIVEKIT_API_KEY;
+const API_SECRET = process.env.LIVEKIT_API_SECRET;
+const LIVEKIT_URL = process.env.LIVEKIT_URL;
+
+const COOKIE_KEY = 'random-participant-postfix';
+
+export async function GET(request: NextRequest) {
+ try {
+ // Parse query parameters
+ const roomName = request.nextUrl.searchParams.get('roomName');
+ const participantName = request.nextUrl.searchParams.get('participantName');
+ const metadata = request.nextUrl.searchParams.get('metadata') ?? '';
+ const region = request.nextUrl.searchParams.get('region');
+ if (!LIVEKIT_URL) {
+ throw new Error('LIVEKIT_URL is not defined');
+ }
+ const livekitServerUrl = region ? getLiveKitURL(LIVEKIT_URL, region) : LIVEKIT_URL;
+ let randomParticipantPostfix = request.cookies.get(COOKIE_KEY)?.value;
+ if (livekitServerUrl === undefined) {
+ throw new Error('Invalid region');
+ }
+
+ if (typeof roomName !== 'string') {
+ return new NextResponse('Missing required query parameter: roomName', { status: 400 });
+ }
+ if (participantName === null) {
+ return new NextResponse('Missing required query parameter: participantName', { status: 400 });
+ }
+
+ // Generate participant token
+ if (!randomParticipantPostfix) {
+ randomParticipantPostfix = randomString(4);
+ }
+ const participantToken = await createParticipantToken(
+ {
+ identity: `${participantName}__${randomParticipantPostfix}`,
+ name: participantName,
+ metadata,
+ },
+ roomName,
+ );
+
+ // Return connection details
+ const data: ConnectionDetails = {
+ serverUrl: livekitServerUrl,
+ roomName: roomName,
+ participantToken: participantToken,
+ participantName: participantName,
+ };
+ return new NextResponse(JSON.stringify(data), {
+ headers: {
+ 'Content-Type': 'application/json',
+ 'Set-Cookie': `${COOKIE_KEY}=${randomParticipantPostfix}; Path=/; HttpOnly; SameSite=Strict; Secure; Expires=${getCookieExpirationTime()}`,
+ },
+ });
+ } catch (error) {
+ if (error instanceof Error) {
+ return new NextResponse(error.message, { status: 500 });
+ }
+ }
+}
+
+function createParticipantToken(userInfo: AccessTokenOptions, roomName: string) {
+ const at = new AccessToken(API_KEY, API_SECRET, userInfo);
+ at.ttl = '5m';
+ const grant: VideoGrant = {
+ room: roomName,
+ roomJoin: true,
+ canPublish: true,
+ canPublishData: true,
+ canSubscribe: true,
+ };
+ at.addGrant(grant);
+ return at.toJwt();
+}
+
+function getCookieExpirationTime(): string {
+ var now = new Date();
+ var time = now.getTime();
+ var expireTime = time + 60 * 120 * 1000;
+ now.setTime(expireTime);
+ return now.toUTCString();
+}
diff --git a/app/api/record/start/route.ts b/app/api/record/start/route.ts
new file mode 100644
index 0000000..dfe88f5
--- /dev/null
+++ b/app/api/record/start/route.ts
@@ -0,0 +1,70 @@
+import { EgressClient, EncodedFileOutput, S3Upload } from 'livekit-server-sdk';
+import { NextRequest, NextResponse } from 'next/server';
+
+export async function GET(req: NextRequest) {
+ try {
+ const roomName = req.nextUrl.searchParams.get('roomName');
+
+ /**
+ * CAUTION:
+ * for simplicity this implementation does not authenticate users and therefore allows anyone with knowledge of a roomName
+ * to start/stop recordings for that room.
+ * DO NOT USE THIS FOR PRODUCTION PURPOSES AS IS
+ */
+
+ if (roomName === null) {
+ return new NextResponse('Missing roomName parameter', { status: 403 });
+ }
+
+ const {
+ LIVEKIT_API_KEY,
+ LIVEKIT_API_SECRET,
+ LIVEKIT_URL,
+ S3_KEY_ID,
+ S3_KEY_SECRET,
+ S3_BUCKET,
+ S3_ENDPOINT,
+ S3_REGION,
+ } = process.env;
+
+ const hostURL = new URL(LIVEKIT_URL!);
+ hostURL.protocol = 'https:';
+
+ const egressClient = new EgressClient(hostURL.origin, LIVEKIT_API_KEY, LIVEKIT_API_SECRET);
+
+ const existingEgresses = await egressClient.listEgress({ roomName });
+ if (existingEgresses.length > 0 && existingEgresses.some((e) => e.status < 2)) {
+ return new NextResponse('Meeting is already being recorded', { status: 409 });
+ }
+
+ const fileOutput = new EncodedFileOutput({
+ filepath: `${new Date(Date.now()).toISOString()}-${roomName}.mp4`,
+ output: {
+ case: 's3',
+ value: new S3Upload({
+ endpoint: S3_ENDPOINT,
+ accessKey: S3_KEY_ID,
+ secret: S3_KEY_SECRET,
+ region: S3_REGION,
+ bucket: S3_BUCKET,
+ }),
+ },
+ });
+
+ await egressClient.startRoomCompositeEgress(
+ roomName,
+ {
+ file: fileOutput,
+ },
+ {
+ layout: 'speaker',
+ },
+ );
+
+ return new NextResponse(null, { status: 200 });
+ } catch (error) {
+ if (error instanceof Error) {
+ return new NextResponse(error.message, { status: 500 });
+ }
+ }
+}
diff --git a/app/api/record/stop/route.ts b/app/api/record/stop/route.ts
new file mode 100644
index 0000000..e2630ac
--- /dev/null
+++ b/app/api/record/stop/route.ts
@@ -0,0 +1,39 @@
+import { EgressClient } from 'livekit-server-sdk';
+import { NextRequest, NextResponse } from 'next/server';
+
+export async function GET(req: NextRequest) {
+ try {
+ const roomName = req.nextUrl.searchParams.get('roomName');
+
+ /**
+ * CAUTION:
+ * for simplicity this implementation does not authenticate users and therefore allows anyone with knowledge of a roomName
+ * to start/stop recordings for that room.
+ * DO NOT USE THIS FOR PRODUCTION PURPOSES AS IS
+ */
+
+ if (roomName === null) {
+ return new NextResponse('Missing roomName parameter', { status: 403 });
+ }
+
+ const { LIVEKIT_API_KEY, LIVEKIT_API_SECRET, LIVEKIT_URL } = process.env;
+
+ const hostURL = new URL(LIVEKIT_URL!);
+ hostURL.protocol = 'https:';
+
+ const egressClient = new EgressClient(hostURL.origin, LIVEKIT_API_KEY, LIVEKIT_API_SECRET);
+ const activeEgresses = (await egressClient.listEgress({ roomName })).filter(
+ (info) => info.status < 2,
+ );
+ if (activeEgresses.length === 0) {
+ return new NextResponse('No active recording found', { status: 404 });
+ }
+ await Promise.all(activeEgresses.map((info) => egressClient.stopEgress(info.egressId)));
+
+ return new NextResponse(null, { status: 200 });
+ } catch (error) {
+ if (error instanceof Error) {
+ return new NextResponse(error.message, { status: 500 });
+ }
+ }
+}
diff --git a/app/custom/VideoConferenceClientImpl.tsx b/app/custom/VideoConferenceClientImpl.tsx
new file mode 100644
index 0000000..4cadc5b
--- /dev/null
+++ b/app/custom/VideoConferenceClientImpl.tsx
@@ -0,0 +1,96 @@
+'use client';
+
+import { formatChatMessageLinks, RoomContext, VideoConference } from '@livekit/components-react';
+import {
+ ExternalE2EEKeyProvider,
+ LogLevel,
+ Room,
+ RoomConnectOptions,
+ RoomOptions,
+ VideoPresets,
+ type VideoCodec,
+} from 'livekit-client';
+import { DebugMode } from '@/lib/Debug';
+import { useEffect, useMemo, useState } from 'react';
+import { KeyboardShortcuts } from '@/lib/KeyboardShortcuts';
+import { SettingsMenu } from '@/lib/SettingsMenu';
+import { useSetupE2EE } from '@/lib/useSetupE2EE';
+import { useLowCPUOptimizer } from '@/lib/usePerfomanceOptimiser';
+
+export function VideoConferenceClientImpl(props: {
+ liveKitUrl: string;
+ token: string;
+ codec: VideoCodec | undefined;
+}) {
+ const keyProvider = new ExternalE2EEKeyProvider();
+ const { worker, e2eePassphrase } = useSetupE2EE();
+ const e2eeEnabled = !!(e2eePassphrase && worker);
+
+ const [e2eeSetupComplete, setE2eeSetupComplete] = useState(false);
+
+ const roomOptions = useMemo((): RoomOptions => {
+ return {
+ publishDefaults: {
+ videoSimulcastLayers: [VideoPresets.h540, VideoPresets.h216],
+ red: !e2eeEnabled,
+ videoCodec: props.codec,
+ },
+ adaptiveStream: { pixelDensity: 'screen' },
+ dynacast: true,
+ e2ee: e2eeEnabled
+ ? {
+ keyProvider,
+ worker,
+ }
+ : undefined,
+ };
+ }, [e2eeEnabled, props.codec, keyProvider, worker]);
+
+ const room = useMemo(() => new Room(roomOptions), [roomOptions]);
+
+ const connectOptions = useMemo((): RoomConnectOptions => {
+ return {
+ autoSubscribe: true,
+ };
+ }, []);
+
+ useEffect(() => {
+ if (e2eeEnabled) {
+ keyProvider.setKey(e2eePassphrase).then(() => {
+ room.setE2EEEnabled(true).then(() => {
+ setE2eeSetupComplete(true);
+ });
+ });
+ } else {
+ setE2eeSetupComplete(true);
+ }
+ }, [e2eeEnabled, e2eePassphrase, keyProvider, room, setE2eeSetupComplete]);
+
+ useEffect(() => {
+ if (e2eeSetupComplete) {
+ room.connect(props.liveKitUrl, props.token, connectOptions).catch((error) => {
+ console.error(error);
+ });
+ room.localParticipant.enableCameraAndMicrophone().catch((error) => {
+ console.error(error);
+ });
+ }
+ }, [room, props.liveKitUrl, props.token, connectOptions, e2eeSetupComplete]);
+
+ useLowCPUOptimizer(room);
+
+ return (
+