+ {isWeb() && (
+
+
+ )}
+
+ );
+ }
+
\ No newline at end of file
diff --git a/software/source/clients/meet/app/components/detectMobileBrowser.ts b/software/source/clients/meet/app/components/detectMobileBrowser.ts
new file mode 100644
index 0000000..f3ba40c
--- /dev/null
+++ b/software/source/clients/meet/app/components/detectMobileBrowser.ts
@@ -0,0 +1,20 @@
+/**
+ * @internal
+ */
+export function isWeb(): boolean {
+ return typeof document !== 'undefined';
+ }
+
+ /**
+ * Mobile browser detection based on `navigator.userAgent` string.
+ * Defaults to returning `false` if not in a browser.
+ *
+ * @remarks
+ * This should only be used if feature detection or other methods do not work!
+ *
+ * @see https://developer.mozilla.org/en-US/docs/Web/HTTP/Browser_detection_using_the_user_agent#mobile_device_detection
+ */
+ export function isMobileBrowser(): boolean {
+ return isWeb() ? /Mobi/i.test(window.navigator.userAgent) : false;
+ }
+
\ No newline at end of file
diff --git a/software/source/clients/meet/app/components/logger.ts b/software/source/clients/meet/app/components/logger.ts
new file mode 100644
index 0000000..39c8f9d
--- /dev/null
+++ b/software/source/clients/meet/app/components/logger.ts
@@ -0,0 +1,56 @@
+import {
+ setLogLevel as setClientSdkLogLevel,
+ setLogExtension as setClientSdkLogExtension,
+ LogLevel as LogLevelEnum,
+ } from 'livekit-client';
+ import loglevel from 'loglevel'
+
+ export const log = loglevel.getLogger('lk-components-js');
+ log.setDefaultLevel('WARN');
+
+ type LogLevel = Parameters
+ {!focusTrack ? (
+
+ {SettingsComponent && (
+
+
+
+
+ ) : (
+
+
+
+
+ {focusTrack &&
+
+ )}
+
+
+ )}
+ Missing LiveKit URL
; + } + if (typeof token !== 'string') { + returnMissing LiveKit token
; + } + if (codec !== undefined && !isVideoCodec(codec)) { + returnInvalid codec, if defined it has to be [{videoCodecs.join(', ')}].
; + } + + return ( +
+
+ );
+}
+
+function DemoMeetingTab(props: { label: string }) {
+ const router = useRouter();
+ const [e2ee, setE2ee] = useState(false);
+ const [sharedPassphrase, setSharedPassphrase] = useState(randomString(64));
+ const startMeeting = () => {
+ if (e2ee) {
+ router.push(`/rooms/${generateRoomId()}#${encodePassphrase(sharedPassphrase)}`);
+ } else {
+ router.push(`/rooms/${generateRoomId()}`);
+ }
+ };
+ return (
+ {tabs}
+ {/* @ts-ignore */}
+ {props.children[tabIndex]}
+
+
+ );
+}
+
+function CustomConnectionTab(props: { label: string }) {
+ const router = useRouter();
+
+ const [e2ee, setE2ee] = useState(false);
+ const [sharedPassphrase, setSharedPassphrase] = useState(randomString(64));
+
+ const onSubmit: React.FormEventHandlerTry LiveKit Meet for free with our live demo project.
+ +
+
+
+ setE2ee(ev.target.checked)}
+ >
+
+
+ {e2ee && (
+
+
+ setSharedPassphrase(ev.target.value)}
+ />
+
+ )}
+
+ 
+
+
+ + Open source video conferencing app built on{' '} + + LiveKit Components + + ,{' '} + + LiveKit Cloud + {' '} + and Next.js. +
+
+
+ ) : (
+