├── README.md ├── agent-1 ├── .env.example ├── .gitignore ├── LICENSE ├── README.md ├── main.py └── requirements.txt ├── agent-2 ├── .env.example ├── .gitignore ├── LICENSE ├── README.md ├── main.py └── requirements.txt └── meet ├── .env.example ├── .eslintrc.json ├── .github └── assets │ ├── livekit-mark.png │ └── livekit-meet.jpg ├── .gitignore ├── .prettierignore ├── .prettierrc ├── LICENSE ├── README.md ├── app ├── api │ ├── connection-details │ │ └── route.ts │ └── record │ │ ├── start │ │ └── route.ts │ │ └── stop │ │ └── route.ts ├── custom │ ├── VideoConferenceClientImpl.tsx │ └── page.tsx ├── layout.tsx ├── page.tsx └── rooms │ └── [roomName] │ ├── PageClientImpl.tsx │ └── page.tsx ├── lib ├── Debug.tsx ├── RecordingIndicator.tsx ├── SettingsMenu.tsx ├── client-utils.ts └── types.ts ├── next-env.d.ts ├── next.config.js ├── package.json ├── pnpm-lock.yaml ├── public ├── favicon.ico └── images │ ├── livekit-apple-touch.png │ ├── livekit-meet-home.svg │ ├── livekit-meet-open-graph.png │ └── livekit-safari-pinned-tab.svg ├── renovate.json ├── styles ├── Debug.module.css ├── Home.module.css ├── SettingsMenu.module.css └── globals.css └── tsconfig.json /README.md: -------------------------------------------------------------------------------- 1 | # Multi-agent meeting example using local LiveKit server: 2 | 3 | There's a bunch of instructions here, but it's all fairly straightforward. The agents are slightly modified from the [fast agent example](https://github.com/dsa/fast-voice-assistant/) to explicitly have separate names and run on different ports. This will be more automated in a future release, but for now the tweaks are to get things to work. 4 | 5 | ## Run LiveKit server 6 | These commands will install [LiveKit server](https://github.com/livekit/livekit) on your machine and run it in dev mode. Dev mode uses a specific API key and secret pair. 7 | 1. `brew install livekit` 8 | 2. `livekit-server -dev` 9 | 10 | ## Run LiveKit Meet 11 | Usually you'd run the agent(s) first and then start a session and the agent(s) would automatically join. Turns out that isn't how it works for multi-agent at the moment. So what we're going to do is have the human join the meeting first, and then explicitly have the agents join the room. 12 | 1. `cd meet` 13 | 2. `pnpm i` 14 | 3. `cp .env.example .env.local` 15 | 4. `pnpm dev` 16 | 5. open `localhost:3000` in a browser and click 'Start Meeting' 17 | 6. note the room name in your browser address bar: `http://localhost:3000/rooms/` 18 | 19 | ## Run first agent 20 | 1. `cd agent-1` 21 | 2. `python -m venv .venv` 22 | 3. `source .venv/bin/activate` 23 | 4. `pip install -r requirements.txt` 24 | 5. `cp .env.example .env` 25 | 6. add values for keys in `.env` 26 | 7. `python main.py connect --room ` 27 | 28 | ## Run second agent 29 | 1. `cd agent-2` 30 | 2. `python -m venv .venv` 31 | 3. `source .venv/bin/activate` 32 | 4. `pip install -r requirements.txt` 33 | 5. `cp ../agent-1/.env .` 34 | 7. `python main.py connect --room ` 35 | 36 | -------------------------------------------------------------------------------- /agent-1/.env.example: -------------------------------------------------------------------------------- 1 | LIVEKIT_URL=ws://localhost:7880 2 | LIVEKIT_API_KEY=devkey 3 | LIVEKIT_API_SECRET=secret 4 | 5 | DEEPGRAM_API_KEY=XXXXXX 6 | CARTESIA_API_KEY=XXXXXX 7 | CEREBRAS_API_KEY=XXXXXX 8 | -------------------------------------------------------------------------------- /agent-1/.gitignore: -------------------------------------------------------------------------------- 1 | # Byte-compiled / optimized / DLL files 2 | __pycache__/ 3 | *.py[cod] 4 | *$py.class 5 | 6 | # C extensions 7 | *.so 8 | 9 | # Distribution / packaging 10 | .Python 11 | build/ 12 | develop-eggs/ 13 | dist/ 14 | downloads/ 15 | eggs/ 16 | .eggs/ 17 | lib/ 18 | lib64/ 19 | parts/ 20 | sdist/ 21 | var/ 22 | wheels/ 23 | share/python-wheels/ 24 | *.egg-info/ 25 | .installed.cfg 26 | *.egg 27 | MANIFEST 28 | 29 | # PyInstaller 30 | # Usually these files are written by a python script from a template 31 | # before PyInstaller builds the exe, so as to inject date/other infos into it. 32 | *.manifest 33 | *.spec 34 | 35 | # Installer logs 36 | pip-log.txt 37 | pip-delete-this-directory.txt 38 | 39 | # Unit test / coverage reports 40 | htmlcov/ 41 | .tox/ 42 | .nox/ 43 | .coverage 44 | .coverage.* 45 | .cache 46 | nosetests.xml 47 | coverage.xml 48 | *.cover 49 | *.py,cover 50 | .hypothesis/ 51 | .pytest_cache/ 52 | cover/ 53 | 54 | # Translations 55 | *.mo 56 | *.pot 57 | 58 | # Django stuff: 59 | *.log 60 | local_settings.py 61 | db.sqlite3 62 | db.sqlite3-journal 63 | 64 | # Flask stuff: 65 | instance/ 66 | .webassets-cache 67 | 68 | # Scrapy stuff: 69 | .scrapy 70 | 71 | # Sphinx documentation 72 | docs/_build/ 73 | 74 | # PyBuilder 75 | .pybuilder/ 76 | target/ 77 | 78 | # Jupyter Notebook 79 | .ipynb_checkpoints 80 | 81 | # IPython 82 | profile_default/ 83 | ipython_config.py 84 | 85 | # pyenv 86 | # For a library or package, you might want to ignore these files since the code is 87 | # intended to run in multiple environments; otherwise, check them in: 88 | # .python-version 89 | 90 | # pipenv 91 | # According to pypa/pipenv#598, it is recommended to include Pipfile.lock in version control. 92 | # However, in case of collaboration, if having platform-specific dependencies or dependencies 93 | # having no cross-platform support, pipenv may install dependencies that don't work, or not 94 | # install all needed dependencies. 95 | #Pipfile.lock 96 | 97 | # poetry 98 | # Similar to Pipfile.lock, it is generally recommended to include poetry.lock in version control. 99 | # This is especially recommended for binary packages to ensure reproducibility, and is more 100 | # commonly ignored for libraries. 101 | # https://python-poetry.org/docs/basic-usage/#commit-your-poetrylock-file-to-version-control 102 | #poetry.lock 103 | 104 | # pdm 105 | # Similar to Pipfile.lock, it is generally recommended to include pdm.lock in version control. 106 | #pdm.lock 107 | # pdm stores project-wide configurations in .pdm.toml, but it is recommended to not include it 108 | # in version control. 109 | # https://pdm.fming.dev/latest/usage/project/#working-with-version-control 110 | .pdm.toml 111 | .pdm-python 112 | .pdm-build/ 113 | 114 | # PEP 582; used by e.g. github.com/David-OConnor/pyflow and github.com/pdm-project/pdm 115 | __pypackages__/ 116 | 117 | # Celery stuff 118 | celerybeat-schedule 119 | celerybeat.pid 120 | 121 | # SageMath parsed files 122 | *.sage.py 123 | 124 | # Environments 125 | .env 126 | .venv 127 | env/ 128 | venv/ 129 | ENV/ 130 | env.bak/ 131 | venv.bak/ 132 | 133 | # Spyder project settings 134 | .spyderproject 135 | .spyproject 136 | 137 | # Rope project settings 138 | .ropeproject 139 | 140 | # mkdocs documentation 141 | /site 142 | 143 | # mypy 144 | .mypy_cache/ 145 | .dmypy.json 146 | dmypy.json 147 | 148 | # Pyre type checker 149 | .pyre/ 150 | 151 | # pytype static type analyzer 152 | .pytype/ 153 | 154 | # Cython debug symbols 155 | cython_debug/ 156 | 157 | # PyCharm 158 | # JetBrains specific template is maintained in a separate JetBrains.gitignore that can 159 | # be found at https://github.com/github/gitignore/blob/main/Global/JetBrains.gitignore 160 | # and can be added to the global gitignore or merged into this file. For a more nuclear 161 | # option (not recommended) you can uncomment the following to ignore the entire idea folder. 162 | #.idea/ 163 | -------------------------------------------------------------------------------- /agent-1/LICENSE: -------------------------------------------------------------------------------- 1 | MIT License 2 | 3 | Copyright (c) 2024 Russ d'Sa 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | -------------------------------------------------------------------------------- /agent-1/README.md: -------------------------------------------------------------------------------- 1 | # Insanely fast AI voice assistant in 50 LOC 2 | 3 | This repo contains everything you need to run your own AI voice assistant that responds to you in less than 500ms. 4 | 5 | It uses: 6 | - 🌐 [LiveKit](https://github.com/livekit) transport 7 | - 👂 [Deepgram](https://deepgram.com/) STT 8 | - 🧠 [Cerebras](https://inference.cerebras.ai/) LLM 9 | - 🗣️ [Cartesia](https://cartesia.ai/) TTS 10 | 11 | ## Run the assistant 12 | 13 | 1. `python -m venv .venv` 14 | 2. `source .venv/bin/activate` 15 | 3. `pip install -r requirements.txt` 16 | 4. `cp .env.example .env` 17 | 5. add values for keys in `.env` 18 | 6. `python main.py dev` 19 | 20 | ## Run a client 21 | 22 | 1. Go to the [playground](https://agents-playground.livekit.io/#cam=0&mic=1&video=0&audio=1&chat=0&theme_color=amber) (code [here](https://github.com/livekit/agents-playground)) 23 | 2. Choose the same LiveKit Cloud project you used in the agent's `.env` and click `Connect` 24 | -------------------------------------------------------------------------------- /agent-1/main.py: -------------------------------------------------------------------------------- 1 | import os 2 | import asyncio 3 | 4 | from livekit.agents import JobContext, WorkerOptions, cli, JobProcess 5 | from livekit.agents.llm import ( 6 | ChatContext, 7 | ChatMessage, 8 | ) 9 | from livekit.agents.voice_assistant import VoiceAssistant 10 | from livekit.plugins import deepgram, silero, cartesia, openai 11 | 12 | from dotenv import load_dotenv 13 | 14 | load_dotenv() 15 | 16 | 17 | def prewarm(proc: JobProcess): 18 | proc.userdata["vad"] = silero.VAD.load() 19 | 20 | 21 | async def entrypoint(ctx: JobContext): 22 | initial_ctx = ChatContext( 23 | messages=[ 24 | ChatMessage( 25 | role="system", 26 | content="You are a voice assistant. Pretend we're having a human conversation, no special formatting or headings, just natural speech.", 27 | ) 28 | ] 29 | ) 30 | 31 | assistant = VoiceAssistant( 32 | vad=ctx.proc.userdata["vad"], 33 | stt=deepgram.STT(), 34 | llm=openai.LLM( 35 | base_url="https://api.cerebras.ai/v1", 36 | api_key=os.environ.get("CEREBRAS_API_KEY"), 37 | model="llama3.1-8b", 38 | ), 39 | tts=cartesia.TTS(voice="248be419-c632-4f23-adf1-5324ed7dbf1d"), 40 | chat_ctx=initial_ctx, 41 | ) 42 | 43 | await ctx.connect() 44 | assistant.start(ctx.room) 45 | await asyncio.sleep(1) 46 | await assistant.say("Hi there, how are you doing today?", allow_interruptions=True) 47 | 48 | 49 | if __name__ == "__main__": 50 | cli.run_app( 51 | WorkerOptions( 52 | agent_name="smith 1", entrypoint_fnc=entrypoint, prewarm_fnc=prewarm 53 | ) 54 | ) 55 | -------------------------------------------------------------------------------- /agent-1/requirements.txt: -------------------------------------------------------------------------------- 1 | livekit-agents 2 | livekit-plugins-openai 3 | livekit-plugins-deepgram 4 | livekit-plugins-silero 5 | livekit-plugins-cartesia 6 | python-dotenv -------------------------------------------------------------------------------- /agent-2/.env.example: -------------------------------------------------------------------------------- 1 | LIVEKIT_URL=ws://localhost:7880 2 | LIVEKIT_API_KEY=devkey 3 | LIVEKIT_API_SECRET=secret 4 | 5 | DEEPGRAM_API_KEY=XXXXXX 6 | CARTESIA_API_KEY=XXXXXX 7 | CEREBRAS_API_KEY=XXXXXX 8 | -------------------------------------------------------------------------------- /agent-2/.gitignore: -------------------------------------------------------------------------------- 1 | # Byte-compiled / optimized / DLL files 2 | __pycache__/ 3 | *.py[cod] 4 | *$py.class 5 | 6 | # C extensions 7 | *.so 8 | 9 | # Distribution / packaging 10 | .Python 11 | build/ 12 | develop-eggs/ 13 | dist/ 14 | downloads/ 15 | eggs/ 16 | .eggs/ 17 | lib/ 18 | lib64/ 19 | parts/ 20 | sdist/ 21 | var/ 22 | wheels/ 23 | share/python-wheels/ 24 | *.egg-info/ 25 | .installed.cfg 26 | *.egg 27 | MANIFEST 28 | 29 | # PyInstaller 30 | # Usually these files are written by a python script from a template 31 | # before PyInstaller builds the exe, so as to inject date/other infos into it. 32 | *.manifest 33 | *.spec 34 | 35 | # Installer logs 36 | pip-log.txt 37 | pip-delete-this-directory.txt 38 | 39 | # Unit test / coverage reports 40 | htmlcov/ 41 | .tox/ 42 | .nox/ 43 | .coverage 44 | .coverage.* 45 | .cache 46 | nosetests.xml 47 | coverage.xml 48 | *.cover 49 | *.py,cover 50 | .hypothesis/ 51 | .pytest_cache/ 52 | cover/ 53 | 54 | # Translations 55 | *.mo 56 | *.pot 57 | 58 | # Django stuff: 59 | *.log 60 | local_settings.py 61 | db.sqlite3 62 | db.sqlite3-journal 63 | 64 | # Flask stuff: 65 | instance/ 66 | .webassets-cache 67 | 68 | # Scrapy stuff: 69 | .scrapy 70 | 71 | # Sphinx documentation 72 | docs/_build/ 73 | 74 | # PyBuilder 75 | .pybuilder/ 76 | target/ 77 | 78 | # Jupyter Notebook 79 | .ipynb_checkpoints 80 | 81 | # IPython 82 | profile_default/ 83 | ipython_config.py 84 | 85 | # pyenv 86 | # For a library or package, you might want to ignore these files since the code is 87 | # intended to run in multiple environments; otherwise, check them in: 88 | # .python-version 89 | 90 | # pipenv 91 | # According to pypa/pipenv#598, it is recommended to include Pipfile.lock in version control. 92 | # However, in case of collaboration, if having platform-specific dependencies or dependencies 93 | # having no cross-platform support, pipenv may install dependencies that don't work, or not 94 | # install all needed dependencies. 95 | #Pipfile.lock 96 | 97 | # poetry 98 | # Similar to Pipfile.lock, it is generally recommended to include poetry.lock in version control. 99 | # This is especially recommended for binary packages to ensure reproducibility, and is more 100 | # commonly ignored for libraries. 101 | # https://python-poetry.org/docs/basic-usage/#commit-your-poetrylock-file-to-version-control 102 | #poetry.lock 103 | 104 | # pdm 105 | # Similar to Pipfile.lock, it is generally recommended to include pdm.lock in version control. 106 | #pdm.lock 107 | # pdm stores project-wide configurations in .pdm.toml, but it is recommended to not include it 108 | # in version control. 109 | # https://pdm.fming.dev/latest/usage/project/#working-with-version-control 110 | .pdm.toml 111 | .pdm-python 112 | .pdm-build/ 113 | 114 | # PEP 582; used by e.g. github.com/David-OConnor/pyflow and github.com/pdm-project/pdm 115 | __pypackages__/ 116 | 117 | # Celery stuff 118 | celerybeat-schedule 119 | celerybeat.pid 120 | 121 | # SageMath parsed files 122 | *.sage.py 123 | 124 | # Environments 125 | .env 126 | .venv 127 | env/ 128 | venv/ 129 | ENV/ 130 | env.bak/ 131 | venv.bak/ 132 | 133 | # Spyder project settings 134 | .spyderproject 135 | .spyproject 136 | 137 | # Rope project settings 138 | .ropeproject 139 | 140 | # mkdocs documentation 141 | /site 142 | 143 | # mypy 144 | .mypy_cache/ 145 | .dmypy.json 146 | dmypy.json 147 | 148 | # Pyre type checker 149 | .pyre/ 150 | 151 | # pytype static type analyzer 152 | .pytype/ 153 | 154 | # Cython debug symbols 155 | cython_debug/ 156 | 157 | # PyCharm 158 | # JetBrains specific template is maintained in a separate JetBrains.gitignore that can 159 | # be found at https://github.com/github/gitignore/blob/main/Global/JetBrains.gitignore 160 | # and can be added to the global gitignore or merged into this file. For a more nuclear 161 | # option (not recommended) you can uncomment the following to ignore the entire idea folder. 162 | #.idea/ 163 | -------------------------------------------------------------------------------- /agent-2/LICENSE: -------------------------------------------------------------------------------- 1 | MIT License 2 | 3 | Copyright (c) 2024 Russ d'Sa 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | -------------------------------------------------------------------------------- /agent-2/README.md: -------------------------------------------------------------------------------- 1 | # Insanely fast AI voice assistant in 50 LOC 2 | 3 | This repo contains everything you need to run your own AI voice assistant that responds to you in less than 500ms. 4 | 5 | It uses: 6 | - 🌐 [LiveKit](https://github.com/livekit) transport 7 | - 👂 [Deepgram](https://deepgram.com/) STT 8 | - 🧠 [Cerebras](https://inference.cerebras.ai/) LLM 9 | - 🗣️ [Cartesia](https://cartesia.ai/) TTS 10 | 11 | ## Run the assistant 12 | 13 | 1. `python -m venv .venv` 14 | 2. `source .venv/bin/activate` 15 | 3. `pip install -r requirements.txt` 16 | 4. `cp .env.example .env` 17 | 5. add values for keys in `.env` 18 | 6. `python main.py dev` 19 | 20 | ## Run a client 21 | 22 | 1. Go to the [playground](https://agents-playground.livekit.io/#cam=0&mic=1&video=0&audio=1&chat=0&theme_color=amber) (code [here](https://github.com/livekit/agents-playground)) 23 | 2. Choose the same LiveKit Cloud project you used in the agent's `.env` and click `Connect` 24 | -------------------------------------------------------------------------------- /agent-2/main.py: -------------------------------------------------------------------------------- 1 | import os 2 | import asyncio 3 | 4 | from livekit.agents import JobContext, WorkerOptions, cli, JobProcess 5 | from livekit.agents.llm import ( 6 | ChatContext, 7 | ChatMessage, 8 | ) 9 | from livekit.agents.voice_assistant import VoiceAssistant 10 | from livekit.plugins import deepgram, silero, cartesia, openai 11 | 12 | from dotenv import load_dotenv 13 | 14 | load_dotenv() 15 | 16 | 17 | def prewarm(proc: JobProcess): 18 | proc.userdata["vad"] = silero.VAD.load() 19 | 20 | 21 | async def entrypoint(ctx: JobContext): 22 | initial_ctx = ChatContext( 23 | messages=[ 24 | ChatMessage( 25 | role="system", 26 | content="You are a voice assistant. Pretend we're having a human conversation, no special formatting or headings, just natural speech.", 27 | ) 28 | ] 29 | ) 30 | 31 | assistant = VoiceAssistant( 32 | vad=ctx.proc.userdata["vad"], 33 | stt=deepgram.STT(), 34 | llm=openai.LLM( 35 | base_url="https://api.cerebras.ai/v1", 36 | api_key=os.environ.get("CEREBRAS_API_KEY"), 37 | model="llama3.1-8b", 38 | ), 39 | tts=cartesia.TTS(voice="248be419-c632-4f23-adf1-5324ed7dbf1d"), 40 | chat_ctx=initial_ctx, 41 | ) 42 | 43 | await ctx.connect() 44 | assistant.start(ctx.room) 45 | await asyncio.sleep(1) 46 | await assistant.say("Hi there, how are you doing today?", allow_interruptions=True) 47 | 48 | 49 | if __name__ == "__main__": 50 | cli.run_app( 51 | WorkerOptions( 52 | agent_name="smith 2", 53 | entrypoint_fnc=entrypoint, 54 | prewarm_fnc=prewarm, 55 | port=8082, 56 | ) 57 | ) 58 | -------------------------------------------------------------------------------- /agent-2/requirements.txt: -------------------------------------------------------------------------------- 1 | livekit-agents 2 | livekit-plugins-openai 3 | livekit-plugins-deepgram 4 | livekit-plugins-silero 5 | livekit-plugins-cartesia 6 | python-dotenv -------------------------------------------------------------------------------- /meet/.env.example: -------------------------------------------------------------------------------- 1 | # 1. Copy this file and rename it to .env.local 2 | # 2. Update the enviroment variables below. 3 | 4 | # REQUIRED SETTINGS 5 | # ################# 6 | # If you are using LiveKit Cloud, the API key and secret can be generated from the Cloud Dashboard. 7 | LIVEKIT_API_KEY=devkey 8 | LIVEKIT_API_SECRET=secret 9 | # URL pointing to the LiveKit server. (example: `wss://my-livekit-project.livekit.cloud`) 10 | LIVEKIT_URL=ws://localhost:7880 11 | 12 | 13 | # OPTIONAL SETTINGS 14 | # ################# 15 | # Recording 16 | # S3_KEY_ID= 17 | # S3_KEY_SECRET= 18 | # S3_ENDPOINT= 19 | # S3_BUCKET= 20 | # S3_REGION= 21 | 22 | # PUBLIC 23 | # Uncomment settings menu when using a LiveKit Cloud, it'll enable Krisp noise filters. 24 | # NEXT_PUBLIC_SHOW_SETTINGS_MENU=true 25 | # NEXT_PUBLIC_LK_RECORD_ENDPOINT=/api/record 26 | 27 | # Optional, to pipe logs to datadog 28 | # NEXT_PUBLIC_DATADOG_CLIENT_TOKEN=client-token 29 | # NEXT_PUBLIC_DATADOG_SITE=datadog-site 30 | 31 | -------------------------------------------------------------------------------- /meet/.eslintrc.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "next/core-web-vitals" 3 | } 4 | -------------------------------------------------------------------------------- /meet/.github/assets/livekit-mark.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dsa/multi-agent-meeting/538be685ee22d7d8a54f7b2991cbebc8620b9465/meet/.github/assets/livekit-mark.png -------------------------------------------------------------------------------- /meet/.github/assets/livekit-meet.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dsa/multi-agent-meeting/538be685ee22d7d8a54f7b2991cbebc8620b9465/meet/.github/assets/livekit-meet.jpg -------------------------------------------------------------------------------- /meet/.gitignore: -------------------------------------------------------------------------------- 1 | # See https://help.github.com/articles/ignoring-files/ for more about ignoring files. 2 | 3 | # dependencies 4 | /node_modules 5 | /.pnp 6 | .pnp.js 7 | 8 | # testing 9 | /coverage 10 | 11 | # next.js 12 | /.next/ 13 | /out/ 14 | 15 | # production 16 | /build 17 | 18 | # misc 19 | .DS_Store 20 | *.pem 21 | 22 | # debug 23 | npm-debug.log* 24 | yarn-debug.log* 25 | yarn-error.log* 26 | .pnpm-debug.log* 27 | 28 | # local env files 29 | .env.local 30 | .env.development.local 31 | .env.test.local 32 | .env.production.local 33 | 34 | # vercel 35 | .vercel 36 | 37 | # typescript 38 | *.tsbuildinfo 39 | -------------------------------------------------------------------------------- /meet/.prettierignore: -------------------------------------------------------------------------------- 1 | .github/ 2 | .next/ 3 | node_modules/ -------------------------------------------------------------------------------- /meet/.prettierrc: -------------------------------------------------------------------------------- 1 | { 2 | "singleQuote": true, 3 | "trailingComma": "all", 4 | "semi": true, 5 | "tabWidth": 2, 6 | "printWidth": 100 7 | } 8 | -------------------------------------------------------------------------------- /meet/LICENSE: -------------------------------------------------------------------------------- 1 | 2 | Apache License 3 | Version 2.0, January 2004 4 | http://www.apache.org/licenses/ 5 | 6 | TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION 7 | 8 | 1. Definitions. 9 | 10 | "License" shall mean the terms and conditions for use, reproduction, 11 | and distribution as defined by Sections 1 through 9 of this document. 12 | 13 | "Licensor" shall mean the copyright owner or entity authorized by 14 | the copyright owner that is granting the License. 15 | 16 | "Legal Entity" shall mean the union of the acting entity and all 17 | other entities that control, are controlled by, or are under common 18 | control with that entity. For the purposes of this definition, 19 | "control" means (i) the power, direct or indirect, to cause the 20 | direction or management of such entity, whether by contract or 21 | otherwise, or (ii) ownership of fifty percent (50%) or more of the 22 | outstanding shares, or (iii) beneficial ownership of such entity. 23 | 24 | "You" (or "Your") shall mean an individual or Legal Entity 25 | exercising permissions granted by this License. 26 | 27 | "Source" form shall mean the preferred form for making modifications, 28 | including but not limited to software source code, documentation 29 | source, and configuration files. 30 | 31 | "Object" form shall mean any form resulting from mechanical 32 | transformation or translation of a Source form, including but 33 | not limited to compiled object code, generated documentation, 34 | and conversions to other media types. 35 | 36 | "Work" shall mean the work of authorship, whether in Source or 37 | Object form, made available under the License, as indicated by a 38 | copyright notice that is included in or attached to the work 39 | (an example is provided in the Appendix below). 40 | 41 | "Derivative Works" shall mean any work, whether in Source or Object 42 | form, that is based on (or derived from) the Work and for which the 43 | editorial revisions, annotations, elaborations, or other modifications 44 | represent, as a whole, an original work of authorship. For the purposes 45 | of this License, Derivative Works shall not include works that remain 46 | separable from, or merely link (or bind by name) to the interfaces of, 47 | the Work and Derivative Works thereof. 48 | 49 | "Contribution" shall mean any work of authorship, including 50 | the original version of the Work and any modifications or additions 51 | to that Work or Derivative Works thereof, that is intentionally 52 | submitted to Licensor for inclusion in the Work by the copyright owner 53 | or by an individual or Legal Entity authorized to submit on behalf of 54 | the copyright owner. For the purposes of this definition, "submitted" 55 | means any form of electronic, verbal, or written communication sent 56 | to the Licensor or its representatives, including but not limited to 57 | communication on electronic mailing lists, source code control systems, 58 | and issue tracking systems that are managed by, or on behalf of, the 59 | Licensor for the purpose of discussing and improving the Work, but 60 | excluding communication that is conspicuously marked or otherwise 61 | designated in writing by the copyright owner as "Not a Contribution." 62 | 63 | "Contributor" shall mean Licensor and any individual or Legal Entity 64 | on behalf of whom a Contribution has been received by Licensor and 65 | subsequently incorporated within the Work. 66 | 67 | 2. Grant of Copyright License. Subject to the terms and conditions of 68 | this License, each Contributor hereby grants to You a perpetual, 69 | worldwide, non-exclusive, no-charge, royalty-free, irrevocable 70 | copyright license to reproduce, prepare Derivative Works of, 71 | publicly display, publicly perform, sublicense, and distribute the 72 | Work and such Derivative Works in Source or Object form. 73 | 74 | 3. Grant of Patent License. Subject to the terms and conditions of 75 | this License, each Contributor hereby grants to You a perpetual, 76 | worldwide, non-exclusive, no-charge, royalty-free, irrevocable 77 | (except as stated in this section) patent license to make, have made, 78 | use, offer to sell, sell, import, and otherwise transfer the Work, 79 | where such license applies only to those patent claims licensable 80 | by such Contributor that are necessarily infringed by their 81 | Contribution(s) alone or by combination of their Contribution(s) 82 | with the Work to which such Contribution(s) was submitted. If You 83 | institute patent litigation against any entity (including a 84 | cross-claim or counterclaim in a lawsuit) alleging that the Work 85 | or a Contribution incorporated within the Work constitutes direct 86 | or contributory patent infringement, then any patent licenses 87 | granted to You under this License for that Work shall terminate 88 | as of the date such litigation is filed. 89 | 90 | 4. Redistribution. You may reproduce and distribute copies of the 91 | Work or Derivative Works thereof in any medium, with or without 92 | modifications, and in Source or Object form, provided that You 93 | meet the following conditions: 94 | 95 | (a) You must give any other recipients of the Work or 96 | Derivative Works a copy of this License; and 97 | 98 | (b) You must cause any modified files to carry prominent notices 99 | stating that You changed the files; and 100 | 101 | (c) You must retain, in the Source form of any Derivative Works 102 | that You distribute, all copyright, patent, trademark, and 103 | attribution notices from the Source form of the Work, 104 | excluding those notices that do not pertain to any part of 105 | the Derivative Works; and 106 | 107 | (d) If the Work includes a "NOTICE" text file as part of its 108 | distribution, then any Derivative Works that You distribute must 109 | include a readable copy of the attribution notices contained 110 | within such NOTICE file, excluding those notices that do not 111 | pertain to any part of the Derivative Works, in at least one 112 | of the following places: within a NOTICE text file distributed 113 | as part of the Derivative Works; within the Source form or 114 | documentation, if provided along with the Derivative Works; or, 115 | within a display generated by the Derivative Works, if and 116 | wherever such third-party notices normally appear. The contents 117 | of the NOTICE file are for informational purposes only and 118 | do not modify the License. You may add Your own attribution 119 | notices within Derivative Works that You distribute, alongside 120 | or as an addendum to the NOTICE text from the Work, provided 121 | that such additional attribution notices cannot be construed 122 | as modifying the License. 123 | 124 | You may add Your own copyright statement to Your modifications and 125 | may provide additional or different license terms and conditions 126 | for use, reproduction, or distribution of Your modifications, or 127 | for any such Derivative Works as a whole, provided Your use, 128 | reproduction, and distribution of the Work otherwise complies with 129 | the conditions stated in this License. 130 | 131 | 5. Submission of Contributions. Unless You explicitly state otherwise, 132 | any Contribution intentionally submitted for inclusion in the Work 133 | by You to the Licensor shall be under the terms and conditions of 134 | this License, without any additional terms or conditions. 135 | Notwithstanding the above, nothing herein shall supersede or modify 136 | the terms of any separate license agreement you may have executed 137 | with Licensor regarding such Contributions. 138 | 139 | 6. Trademarks. This License does not grant permission to use the trade 140 | names, trademarks, service marks, or product names of the Licensor, 141 | except as required for reasonable and customary use in describing the 142 | origin of the Work and reproducing the content of the NOTICE file. 143 | 144 | 7. Disclaimer of Warranty. Unless required by applicable law or 145 | agreed to in writing, Licensor provides the Work (and each 146 | Contributor provides its Contributions) on an "AS IS" BASIS, 147 | WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or 148 | implied, including, without limitation, any warranties or conditions 149 | of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A 150 | PARTICULAR PURPOSE. You are solely responsible for determining the 151 | appropriateness of using or redistributing the Work and assume any 152 | risks associated with Your exercise of permissions under this License. 153 | 154 | 8. Limitation of Liability. In no event and under no legal theory, 155 | whether in tort (including negligence), contract, or otherwise, 156 | unless required by applicable law (such as deliberate and grossly 157 | negligent acts) or agreed to in writing, shall any Contributor be 158 | liable to You for damages, including any direct, indirect, special, 159 | incidental, or consequential damages of any character arising as a 160 | result of this License or out of the use or inability to use the 161 | Work (including but not limited to damages for loss of goodwill, 162 | work stoppage, computer failure or malfunction, or any and all 163 | other commercial damages or losses), even if such Contributor 164 | has been advised of the possibility of such damages. 165 | 166 | 9. Accepting Warranty or Additional Liability. While redistributing 167 | the Work or Derivative Works thereof, You may choose to offer, 168 | and charge a fee for, acceptance of support, warranty, indemnity, 169 | or other liability obligations and/or rights consistent with this 170 | License. However, in accepting such obligations, You may act only 171 | on Your own behalf and on Your sole responsibility, not on behalf 172 | of any other Contributor, and only if You agree to indemnify, 173 | defend, and hold each Contributor harmless for any liability 174 | incurred by, or claims asserted against, such Contributor by reason 175 | of your accepting any such warranty or additional liability. 176 | 177 | END OF TERMS AND CONDITIONS 178 | 179 | APPENDIX: How to apply the Apache License to your work. 180 | 181 | To apply the Apache License to your work, attach the following 182 | boilerplate notice, with the fields enclosed by brackets "[]" 183 | replaced with your own identifying information. (Don't include 184 | the brackets!) The text should be enclosed in the appropriate 185 | comment syntax for the file format. We also recommend that a 186 | file or class name and description of purpose be included on the 187 | same "printed page" as the copyright notice for easier 188 | identification within third-party archives. 189 | 190 | Copyright [yyyy] [name of copyright owner] 191 | 192 | Licensed under the Apache License, Version 2.0 (the "License"); 193 | you may not use this file except in compliance with the License. 194 | You may obtain a copy of the License at 195 | 196 | http://www.apache.org/licenses/LICENSE-2.0 197 | 198 | Unless required by applicable law or agreed to in writing, software 199 | distributed under the License is distributed on an "AS IS" BASIS, 200 | WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. 201 | See the License for the specific language governing permissions and 202 | limitations under the License. 203 | -------------------------------------------------------------------------------- /meet/README.md: -------------------------------------------------------------------------------- 1 | 2 | LiveKit logo 3 | 4 | 5 | # LiveKit Meet 6 | 7 |

8 | Try the demo 9 | • 10 | LiveKit Components 11 | • 12 | LiveKit Docs 13 | • 14 | LiveKit Cloud 15 | • 16 | Blog 17 |

18 | 19 |
20 | 21 | LiveKit Meet is an open source video conferencing app built on [LiveKit Components](https://github.com/livekit/components-js), [LiveKit Cloud](https://livekit.io/cloud), and Next.js. It's been completely redesigned from the ground up using our new components library. 22 | 23 | ![LiveKit Meet screenshot](./.github/assets/livekit-meet.jpg) 24 | 25 | ## Tech Stack 26 | 27 | - This is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app). 28 | - App is built with [@livekit/components-react](https://github.com/livekit/components-js/) library. 29 | 30 | ## Demo 31 | 32 | Give it a try at https://meet.livekit.io. 33 | 34 | ## Dev Setup 35 | 36 | Steps to get a local dev setup up and running: 37 | 38 | 1. Run `pnpm install` to install all dependencies. 39 | 2. Copy `.env.example` in the project root and rename it to `.env.local`. 40 | 3. Update the missing environment variables in the newly created `.env.local` file. 41 | 4. Run `pnpm dev` to start the development server and visit [http://localhost:3000](http://localhost:3000) to see the result. 42 | 5. Start development 🎉 43 | -------------------------------------------------------------------------------- /meet/app/api/connection-details/route.ts: -------------------------------------------------------------------------------- 1 | import { randomString } from '@/lib/client-utils'; 2 | import { ConnectionDetails } from '@/lib/types'; 3 | import { AccessToken, AccessTokenOptions, VideoGrant } from 'livekit-server-sdk'; 4 | import { NextRequest, NextResponse } from 'next/server'; 5 | 6 | const API_KEY = process.env.LIVEKIT_API_KEY; 7 | const API_SECRET = process.env.LIVEKIT_API_SECRET; 8 | const LIVEKIT_URL = process.env.LIVEKIT_URL; 9 | 10 | export async function GET(request: NextRequest) { 11 | try { 12 | // Parse query parameters 13 | const roomName = request.nextUrl.searchParams.get('roomName'); 14 | const participantName = request.nextUrl.searchParams.get('participantName'); 15 | const metadata = request.nextUrl.searchParams.get('metadata') ?? ''; 16 | const region = request.nextUrl.searchParams.get('region'); 17 | const livekitServerUrl = region ? getLiveKitURL(region) : LIVEKIT_URL; 18 | if (livekitServerUrl === undefined) { 19 | throw new Error('Invalid region'); 20 | } 21 | 22 | if (typeof roomName !== 'string') { 23 | return new NextResponse('Missing required query parameter: roomName', { status: 400 }); 24 | } 25 | if (participantName === null) { 26 | return new NextResponse('Missing required query parameter: participantName', { status: 400 }); 27 | } 28 | 29 | // Generate participant token 30 | const participantToken = await createParticipantToken( 31 | { 32 | identity: `${participantName}__${randomString(4)}`, 33 | name: participantName, 34 | metadata, 35 | }, 36 | roomName, 37 | ); 38 | 39 | // Return connection details 40 | const data: ConnectionDetails = { 41 | serverUrl: livekitServerUrl, 42 | roomName: roomName, 43 | participantToken: participantToken, 44 | participantName: participantName, 45 | }; 46 | return NextResponse.json(data); 47 | } catch (error) { 48 | if (error instanceof Error) { 49 | return new NextResponse(error.message, { status: 500 }); 50 | } 51 | } 52 | } 53 | 54 | function createParticipantToken(userInfo: AccessTokenOptions, roomName: string) { 55 | const at = new AccessToken(API_KEY, API_SECRET, userInfo); 56 | at.ttl = '5m'; 57 | const grant: VideoGrant = { 58 | room: roomName, 59 | roomJoin: true, 60 | canPublish: true, 61 | canPublishData: true, 62 | canSubscribe: true, 63 | }; 64 | at.addGrant(grant); 65 | return at.toJwt(); 66 | } 67 | 68 | /** 69 | * Get the LiveKit server URL for the given region. 70 | */ 71 | function getLiveKitURL(region: string | null): string { 72 | let targetKey = 'LIVEKIT_URL'; 73 | if (region) { 74 | targetKey = `LIVEKIT_URL_${region}`.toUpperCase(); 75 | } 76 | const url = process.env[targetKey]; 77 | if (!url) { 78 | throw new Error(`${targetKey} is not defined`); 79 | } 80 | return url; 81 | } 82 | -------------------------------------------------------------------------------- /meet/app/api/record/start/route.ts: -------------------------------------------------------------------------------- 1 | import { EgressClient, EncodedFileOutput, S3Upload } from 'livekit-server-sdk'; 2 | import { NextRequest, NextResponse } from 'next/server'; 3 | 4 | export async function GET(req: NextRequest) { 5 | try { 6 | const roomName = req.nextUrl.searchParams.get('roomName'); 7 | 8 | /** 9 | * CAUTION: 10 | * for simplicity this implementation does not authenticate users and therefore allows anyone with knowledge of a roomName 11 | * to start/stop recordings for that room. 12 | * DO NOT USE THIS FOR PRODUCTION PURPOSES AS IS 13 | */ 14 | 15 | if (roomName === null) { 16 | return new NextResponse('Missing roomName parameter', { status: 403 }); 17 | } 18 | 19 | const { 20 | LIVEKIT_API_KEY, 21 | LIVEKIT_API_SECRET, 22 | LIVEKIT_URL, 23 | S3_KEY_ID, 24 | S3_KEY_SECRET, 25 | S3_BUCKET, 26 | S3_ENDPOINT, 27 | S3_REGION, 28 | } = process.env; 29 | 30 | const hostURL = new URL(LIVEKIT_URL!); 31 | hostURL.protocol = 'https:'; 32 | 33 | const egressClient = new EgressClient(hostURL.origin, LIVEKIT_API_KEY, LIVEKIT_API_SECRET); 34 | 35 | const existingEgresses = await egressClient.listEgress({ roomName }); 36 | if (existingEgresses.length > 0 && existingEgresses.some((e) => e.status < 2)) { 37 | return new NextResponse('Meeting is already being recorded', { status: 409 }); 38 | } 39 | 40 | const fileOutput = new EncodedFileOutput({ 41 | filepath: `${new Date(Date.now()).toISOString()}-${roomName}.mp4`, 42 | output: { 43 | case: 's3', 44 | value: new S3Upload({ 45 | endpoint: S3_ENDPOINT, 46 | accessKey: S3_KEY_ID, 47 | secret: S3_KEY_SECRET, 48 | region: S3_REGION, 49 | bucket: S3_BUCKET, 50 | }), 51 | }, 52 | }); 53 | 54 | await egressClient.startRoomCompositeEgress( 55 | roomName, 56 | { 57 | file: fileOutput, 58 | }, 59 | { 60 | layout: 'speaker', 61 | }, 62 | ); 63 | 64 | return new NextResponse(null, { status: 200 }); 65 | } catch (error) { 66 | if (error instanceof Error) { 67 | return new NextResponse(error.message, { status: 500 }); 68 | } 69 | } 70 | } 71 | -------------------------------------------------------------------------------- /meet/app/api/record/stop/route.ts: -------------------------------------------------------------------------------- 1 | import { EgressClient } from 'livekit-server-sdk'; 2 | import { NextRequest, NextResponse } from 'next/server'; 3 | 4 | export async function GET(req: NextRequest) { 5 | try { 6 | const roomName = req.nextUrl.searchParams.get('roomName'); 7 | 8 | /** 9 | * CAUTION: 10 | * for simplicity this implementation does not authenticate users and therefore allows anyone with knowledge of a roomName 11 | * to start/stop recordings for that room. 12 | * DO NOT USE THIS FOR PRODUCTION PURPOSES AS IS 13 | */ 14 | 15 | if (roomName === null) { 16 | return new NextResponse('Missing roomName parameter', { status: 403 }); 17 | } 18 | 19 | const { LIVEKIT_API_KEY, LIVEKIT_API_SECRET, LIVEKIT_URL } = process.env; 20 | 21 | const hostURL = new URL(LIVEKIT_URL!); 22 | hostURL.protocol = 'https:'; 23 | 24 | const egressClient = new EgressClient(hostURL.origin, LIVEKIT_API_KEY, LIVEKIT_API_SECRET); 25 | const activeEgresses = (await egressClient.listEgress({ roomName })).filter( 26 | (info) => info.status < 2, 27 | ); 28 | if (activeEgresses.length === 0) { 29 | return new NextResponse('No active recording found', { status: 404 }); 30 | } 31 | await Promise.all(activeEgresses.map((info) => egressClient.stopEgress(info.egressId))); 32 | 33 | return new NextResponse(null, { status: 200 }); 34 | } catch (error) { 35 | if (error instanceof Error) { 36 | return new NextResponse(error.message, { status: 500 }); 37 | } 38 | } 39 | } 40 | -------------------------------------------------------------------------------- /meet/app/custom/VideoConferenceClientImpl.tsx: -------------------------------------------------------------------------------- 1 | 'use client'; 2 | 3 | import { formatChatMessageLinks, LiveKitRoom, VideoConference } from '@livekit/components-react'; 4 | import { 5 | ExternalE2EEKeyProvider, 6 | LogLevel, 7 | Room, 8 | RoomConnectOptions, 9 | RoomOptions, 10 | VideoPresets, 11 | type VideoCodec, 12 | } from 'livekit-client'; 13 | import { DebugMode } from '@/lib/Debug'; 14 | import { useMemo } from 'react'; 15 | import { decodePassphrase } from '@/lib/client-utils'; 16 | import { SettingsMenu } from '@/lib/SettingsMenu'; 17 | 18 | export function VideoConferenceClientImpl(props: { 19 | liveKitUrl: string; 20 | token: string; 21 | codec: VideoCodec | undefined; 22 | }) { 23 | const worker = 24 | typeof window !== 'undefined' && 25 | new Worker(new URL('livekit-client/e2ee-worker', import.meta.url)); 26 | const keyProvider = new ExternalE2EEKeyProvider(); 27 | 28 | const e2eePassphrase = 29 | typeof window !== 'undefined' ? decodePassphrase(window.location.hash.substring(1)) : undefined; 30 | const e2eeEnabled = !!(e2eePassphrase && worker); 31 | const roomOptions = useMemo((): RoomOptions => { 32 | return { 33 | publishDefaults: { 34 | videoSimulcastLayers: [VideoPresets.h540, VideoPresets.h216], 35 | red: !e2eeEnabled, 36 | videoCodec: props.codec, 37 | }, 38 | adaptiveStream: { pixelDensity: 'screen' }, 39 | dynacast: true, 40 | e2ee: e2eeEnabled 41 | ? { 42 | keyProvider, 43 | worker, 44 | } 45 | : undefined, 46 | }; 47 | }, []); 48 | 49 | const room = useMemo(() => new Room(roomOptions), []); 50 | if (e2eeEnabled) { 51 | keyProvider.setKey(e2eePassphrase); 52 | room.setE2EEEnabled(true); 53 | } 54 | const connectOptions = useMemo((): RoomConnectOptions => { 55 | return { 56 | autoSubscribe: true, 57 | }; 58 | }, []); 59 | 60 | return ( 61 | 69 | 75 | 76 | 77 | ); 78 | } 79 | -------------------------------------------------------------------------------- /meet/app/custom/page.tsx: -------------------------------------------------------------------------------- 1 | import { videoCodecs } from 'livekit-client'; 2 | import { VideoConferenceClientImpl } from './VideoConferenceClientImpl'; 3 | import { isVideoCodec } from '@/lib/types'; 4 | 5 | export default function CustomRoomConnection(props: { 6 | searchParams: { 7 | liveKitUrl?: string; 8 | token?: string; 9 | codec?: string; 10 | }; 11 | }) { 12 | const { liveKitUrl, token, codec } = props.searchParams; 13 | if (typeof liveKitUrl !== 'string') { 14 | return

Missing LiveKit URL

; 15 | } 16 | if (typeof token !== 'string') { 17 | return

Missing LiveKit token

; 18 | } 19 | if (codec !== undefined && !isVideoCodec(codec)) { 20 | return

Invalid codec, if defined it has to be [{videoCodecs.join(', ')}].

; 21 | } 22 | 23 | return ( 24 |
25 | 26 |
27 | ); 28 | } 29 | -------------------------------------------------------------------------------- /meet/app/layout.tsx: -------------------------------------------------------------------------------- 1 | import '../styles/globals.css'; 2 | import '@livekit/components-styles'; 3 | import '@livekit/components-styles/prefabs'; 4 | import type { Metadata, Viewport } from 'next'; 5 | 6 | export const metadata: Metadata = { 7 | title: { 8 | default: 'LiveKit Meet | Conference app build with LiveKit open source', 9 | template: '%s', 10 | }, 11 | description: 12 | 'LiveKit is an open source WebRTC project that gives you everything needed to build scalable and real-time audio and/or video experiences in your applications.', 13 | twitter: { 14 | creator: '@livekitted', 15 | site: '@livekitted', 16 | card: 'summary_large_image', 17 | }, 18 | openGraph: { 19 | url: 'https://meet.livekit.io', 20 | images: [ 21 | { 22 | url: 'https://meet.livekit.io/images/livekit-meet-open-graph.png', 23 | width: 2000, 24 | height: 1000, 25 | type: 'image/png', 26 | }, 27 | ], 28 | siteName: 'LiveKit Meet', 29 | }, 30 | icons: { 31 | icon: { 32 | rel: 'icon', 33 | url: '/favicon.ico', 34 | }, 35 | apple: [ 36 | { 37 | rel: 'apple-touch-icon', 38 | url: '/images/livekit-apple-touch.png', 39 | sizes: '180x180', 40 | }, 41 | { rel: 'mask-icon', url: '/images/livekit-safari-pinned-tab.svg', color: '#070707' }, 42 | ], 43 | }, 44 | }; 45 | 46 | export const viewport: Viewport = { 47 | themeColor: '#070707', 48 | }; 49 | 50 | export default function RootLayout({ children }: { children: React.ReactNode }) { 51 | return ( 52 | 53 | {children} 54 | 55 | ); 56 | } 57 | -------------------------------------------------------------------------------- /meet/app/page.tsx: -------------------------------------------------------------------------------- 1 | 'use client'; 2 | 3 | import { useRouter, useSearchParams } from 'next/navigation'; 4 | import React, { Suspense, useState } from 'react'; 5 | import { encodePassphrase, generateRoomId, randomString } from '@/lib/client-utils'; 6 | import styles from '../styles/Home.module.css'; 7 | 8 | function Tabs(props: React.PropsWithChildren<{}>) { 9 | const searchParams = useSearchParams(); 10 | const tabIndex = searchParams?.get('tab') === 'custom' ? 1 : 0; 11 | 12 | const router = useRouter(); 13 | function onTabSelected(index: number) { 14 | const tab = index === 1 ? 'custom' : 'demo'; 15 | router.push(`/?tab=${tab}`); 16 | } 17 | 18 | let tabs = React.Children.map(props.children, (child, index) => { 19 | return ( 20 | 32 | ); 33 | }); 34 | 35 | return ( 36 |
37 |
{tabs}
38 | {/* @ts-ignore */} 39 | {props.children[tabIndex]} 40 |
41 | ); 42 | } 43 | 44 | function DemoMeetingTab(props: { label: string }) { 45 | const router = useRouter(); 46 | const [e2ee, setE2ee] = useState(false); 47 | const [sharedPassphrase, setSharedPassphrase] = useState(randomString(64)); 48 | const startMeeting = () => { 49 | if (e2ee) { 50 | router.push(`/rooms/${generateRoomId()}#${encodePassphrase(sharedPassphrase)}`); 51 | } else { 52 | router.push(`/rooms/${generateRoomId()}`); 53 | } 54 | }; 55 | return ( 56 |
57 |

Try LiveKit Meet for free with our live demo project.

58 | 61 |
62 |
63 | setE2ee(ev.target.checked)} 68 | > 69 | 70 |
71 | {e2ee && ( 72 |
73 | 74 | setSharedPassphrase(ev.target.value)} 79 | /> 80 |
81 | )} 82 |
83 |
84 | ); 85 | } 86 | 87 | function CustomConnectionTab(props: { label: string }) { 88 | const router = useRouter(); 89 | 90 | const [e2ee, setE2ee] = useState(false); 91 | const [sharedPassphrase, setSharedPassphrase] = useState(randomString(64)); 92 | 93 | const onSubmit: React.FormEventHandler = (event) => { 94 | event.preventDefault(); 95 | const formData = new FormData(event.target as HTMLFormElement); 96 | const serverUrl = formData.get('serverUrl'); 97 | const token = formData.get('token'); 98 | if (e2ee) { 99 | router.push( 100 | `/custom/?liveKitUrl=${serverUrl}&token=${token}#${encodePassphrase(sharedPassphrase)}`, 101 | ); 102 | } else { 103 | router.push(`/custom/?liveKitUrl=${serverUrl}&token=${token}`); 104 | } 105 | }; 106 | return ( 107 |
108 |

109 | Connect LiveKit Meet with a custom server using LiveKit Cloud or LiveKit Server. 110 |

111 | 118 |