Svelte 100ms screenshot

Svelte 100ms

Author Avatar Theme by 100mslive
Updated: 26 Oct 2022
20 Stars

A Video Call App Built with 100ms and Svelte

Categories

Overview:

This product is a Video Call app built with SvelteKit, using 100ms’ SDK for the conferencing part. It is adapted from the React Quickstart and includes additional features. Users can deploy the app on Vercel and try out the live demo on CodeSandbox. The component structure includes different views for the join form page and the conference page.

Features:

  • Built with SvelteKit and 100ms’ SDK for video conferencing
  • Deployment options with Vercel and CodeSandbox
  • Join form page and conference page views
  • Ability to join a video call, mute/unmute audio, and see others in the room

Installation:

To install the Video Call app, follow these steps:

  1. Clone the app from the GitHub repository using the “Deploy” button above.
  2. Deploy the app on Vercel by following the provided instructions.
  3. Create an account on https://dashboard.100ms.live/.
  4. Get an auth token for a room by following specific instructions provided.
  5. Open the Demo link and enter your name and auth token to test the call.
    • Note: There are two demo links available, one for the main branch and one for the features branch. Each link offers different functionalities.
  6. Follow the step-by-step commits provided in the repository to build the app from scratch.

Summary:

The Video Call app is a SvelteKit-based application that allows users to participate in video conferencing using 100ms’ SDK. It offers features such as joining a call, muting/unmuting audio, and observing other participants in the room. The app can be deployed on Vercel and tested using the provided demo links. Users can also create their own version of the app by following the step-by-step commits in the repository.