Skip to content

adityathakurxd/100ms-prebuilt-embed-demo

Repository files navigation

100ms Prebuilt can be embedded as a native component HMSPrebuilt by importing 100ms Room Kit package in your app.

Create room code

HMSPrebuilt uses room code to get initialised, it allow users to uniquely join a room_id with a specifc role. Head over to guides for create room codes and get room code.

Embedding HMSPrebuilt component

  • Import - HMSPrebuilt component requires importing RoomKit package
  • Initialise - Along with room code, you can additionally set userName and userID of the user joining the room
    • userName - prefills the user name on HMSPrebuilt preview screen
    • userID - use your user IDs to track user of your app

Getting Started

First, run the development server:

npm run dev
# or
yarn dev
# or
pnpm dev

Open http://localhost:3000 with your browser to see the result.