jitsi-svelte

0.4.0 • Public • Published

jitsi-svelte

This library allows you to easily create your own custom Jitsi client, in the Svelte framework.

Jitsi is a free, open-source, web-based video conferencing app that has a handy library called lib-jitsi-meet. However, there are quite a few intricacies to getting it working well, and if you're writing a Svelte3-based app, there is some additional complexity in getting all of the events to work together.

jitsi-svelte simplifies all of this and provides the svelte stores you need to build a web-based video conferencing app. It also provides Svelte components for Audio, and Video, among others. We use it at Relm to power our social virtual world.

Simplified Cam/Mic Setup

We were inspired by Whereby's intro screen and created what we call the "Mirror" component that mimics their UX & design. This Mirror can reduce the code you need to write to give a robust setup screen experience for your users.

Getting Started

See the example/ folder for a sample app that uses jitsi-svelte.

In general, you need to create a ConnectionStore via createConnectionStore and supply a JitsiConfig as the parameter; then, join a conference (at this point, the user will see others who've already entered the room), and use a Mirror component to let the user configure their mic and camera before entering the room.

import { createConnectionStore, DEFAULT_JITSI_CONFIG, Mirror } from 'jitsi-svelte'

import Conference from './Conference'

const connection = createConnectionStore(DEFAULT_JITSI_CONFIG, 'jitsi-svelte-test')

connection.conferences.join('jitsi-svelte-test')

// NEXT: use Mirror svelte component (see SampleApp.svelte)

License

MIT

What is Relm?

Relm is a social universe--a kinder, gentler online community. It's an experiment in mixing a game world with work meetings. Come visit sometime! https://www.relm.us

Readme

Keywords

Package Sidebar

Install

npm i jitsi-svelte

Weekly Downloads

1

Version

0.4.0

License

MIT

Unpacked Size

308 kB

Total Files

57

Last publish

Collaborators

  • canadaduane