100ms Prebuilt Embed Demo

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.