a96d70eefb
Calls are an environment with high cognitive load, so it's important that we keep extra UI elements like these to a minimum and stick to what's been explicitly designed. I assume that this was here as a developer feature to diagnose reliability of the back end components, which is perfectly fine, so I've kept it behind a developer setting rather than fully removing it. |
||
---|---|---|
.github | ||
.storybook | ||
.vscode | ||
backend | ||
config | ||
public | ||
scripts | ||
src | ||
test | ||
.dockerignore | ||
.env.example | ||
.eslintrc.cjs | ||
.gitignore | ||
.postcssrc.json | ||
.prettierignore | ||
.prettierrc.json | ||
babel.config.cjs | ||
backend-docker-compose.yml | ||
CONTRIBUTING.md | ||
demo.jpg | ||
Dockerfile | ||
i18next-parser.config.js | ||
LICENSE | ||
package.json | ||
README.md | ||
tsconfig.json | ||
vite.config.js | ||
yarn.lock |
Element Call
Full mesh group calls powered by Matrix, implementing MatrixRTC.
To try it out, visit our hosted version at call.element.io. You can also find the latest development version continuously deployed to element-call.netlify.app.
Host it yourself
Until prebuilt tarballs are available, you'll need to build Element Call from source. First, clone and install the package:
git clone https://github.com/vector-im/element-call.git
cd element-call
yarn
yarn build
If all went well, you can now find the build output under dist
as a series of static files. These can be hosted using any web server of your choice.
You may also wish to add a configuration file (Element Call uses the domain it's hosted on as a Homeserver URL by default,
but you can change this in the config file). This goes in public/config.json
- you can use the sample as a starting point:
cp config/config.sample.json public/config.json
# edit public/config.json
Because Element Call uses client-side routing, your server must be able to route any requests to non-existing paths back to /index.html
. For example, in Nginx you can achieve this with the try_files
directive:
server {
...
location / {
...
try_files $uri /$uri /index.html;
}
}
By default, the app expects you to have a Matrix homeserver (such as Synapse) installed locally and running on port 8008. If you wish to use a homeserver on a different URL or one that is hosted on a different server, you can add a config file as above, and include the homeserver URL that you'd like to use.
Element Call requires a homeserver with registration enabled without any 3pid or token requirements, if you want it to be used by unregistered users. Furthermore, it is not recommended to use it with an existing homeserver where user accounts have joined normal rooms, as it may not be able to handle those yet and it may behave unreliably.
Therefore, to use a self-hosted homeserver, this is recommended to be a new server where any user account created has not joined any normal rooms anywhere in the Matrix federated network. The homeserver used can be setup to disable federation, so as to prevent spam registrations (if you keep registrations open) and to ensure Element Call continues to work in case any user decides to log in to their Element Call account using the standard Element app and joins normal rooms that Element Call cannot handle.
Features
Allow joining group calls without a camera and a microphone
You can allow joining a group call without video and audio enabling this feature in your config.json
:
{
...
"features": {
"feature_group_calls_without_video_and_audio": true
}
}
Development
Element Call is built against matrix-js-sdk. To get started, clone, install, and link the package:
git clone https://github.com/matrix-org/matrix-js-sdk.git
cd matrix-js-sdk
yarn
yarn link
Next, we can set up this project:
git clone https://github.com/vector-im/element-call.git
cd element-call
yarn
yarn link matrix-js-sdk
You're now ready to launch the development server:
yarn dev
Local Backend
JWT keys
Add in you .env
in root dir with:
# Develop backend settings:
LIVEKIT_KEY="devkey"
LIVEKIT_SECRET="secret"
Add SFU parameter in your local config ./public/config.yml
"livekit": {
"server_url": "ws://localhost:7880",
"jwt_service_url": "http:/localhost:8881"
},
Run Backend
yarn backend
Services
JWT Service: http://localhost:8881/token?name=Name&identity=1234&roomName=room
Configuration
There are currently two different config files. .env
holds variables that are used at build time, while public/config.json
holds variables that are used at runtime. Documentation and default values for public/config.json
can be found in ConfigOptions.ts.
Translation
If you'd like to help translate Element Call, head over to translate.element.io. You're also encouraged to join the Element Translators space to discuss and coordinate translation efforts.