meetingsdk-svelte-sample Svelte Themes

Meetingsdk Svelte Sample

Use the Zoom Meeting SDK in Svelte

Zoom Meeting SDK Svelte sample

This repo is a Svelte app generated via Vite that uses the Zoom Meeting SDK to start and join Zoom meetings and webinars.

Installation

To get started, clone the repo:

$ git clone https://github.com/zoom/meetingsdk-svelte-sample.git

Setup

  1. Once cloned, navigate to the meetingsdk-svelte-sample directory:

    $ cd meetingsdk-svelte-sample

  2. Then install the dependencies:

    $ npm install

  3. Open the meetingsdk-svelte-sample directory in your code editor.

  4. Open the src/components/HelloWorld.svelte file, and enter values for the variables:

    Variable Description
    authEndpoint Required, your Meeting SDK auth endpoint that securely generates a Meeting SDK JWT. Get a Meeting SDK auth endpoint here.
    sdkKey Required, your Zoom Meeting SDK Key or Client ID for Meeting SDK app type's created after February 11, 2023. You can get yours here.
    meetingNumber Required, the Zoom Meeting or webinar number.
    passWord Optional, meeting password. Leave as empty string if the meeting does not require a password.
    role Required, 0 to specify participant, 1 to specify host.
    userName Required, a name for the user joining / starting the meeting / webinar.
    userEmail Required for Webinar, optional for Meeting, required for meeting and webinar if registration is required. The email of the user starting or joining the meeting / webinar.
    registrantToken Required if your meeting or webinar requires registration.
    zakToken Required to start meetings or webinars on external Zoom user's behalf, the authorized Zoom user's ZAK token. The ZAK can also be used to join as an authenticated participant.
    leaveUrl Required for Client View, the url the user is taken to once the meeting is over.

    Example:

    var authEndpoint = 'http://localhost:4000'
    var sdkKey = 'abc123'
    var meetingNumber = '123456789'
    var passWord = ''
    var role = 0
    var userName = 'Svelte'
    var userEmail = ''
    var registrantToken = ''
    var zakToken = ''
    var leaveUrl = 'http://localhost:5173'
    
  5. Save HelloWorld.svelte.

  6. Run the app:

    $ npm run dev

Usage

  1. Navigate to http://localhost:5173 and click "Join Meeting".

    Client View

    Learn more about Gallery View requirements and see more product screenshots.

Top categories

Loading Svelte Themes