Meeting Provider - React

Meeting Provider simplifies configuration of meeting with by wrapping up core logic with react-context.

Every Context object in react-js comes with a Provider React component that allows consuming components to subscribe to context changes. To know more about context provider follow official document

Meeting Provider

Meeting Provider

<MeetingProvider
  config={{
    meetingId: "meeting-id",
    micEnabled: true,
    webcamEnabled: true,
    name: "Participant Name",
    participantId: "xyz",
    multiStream: true,
    mode: "CONFERENCE", // "CONFERENCE" || "VIEWER"
    metaData: {},
  }}
  token={"token"}
  joinWithoutUserInteraction // Boolean
></MeetingProvider>

MeetingProvider Parameters

---

meetingId

• Unique Id of the meeting where that participant will be joining.

  • type : String
  • REQUIRED

Please refer this documentation to create a room.

---

name

• Name of the participant who will be joining the meeting, this name will be displayed to other participants in the same meeting.

  • type : String
  • REQUIRED

---

micEnabled

• Whether mic of the participant will be on while joining the meeting. If it is set to false, then mic of that participant will be disabled by default, but can be enabled or disabled later.

  • type: Boolean
  • REQUIRED

---

webcamEnabled

• Whether webcam of the participant will be on while joining the meeting. If it is set to false, then webcam of that participant will be disabled by default, but can be enabled or disabled later.

  • type: Boolean
  • REQUIRED

---

token

• The auth token generated from your server.

  • type: String
  • REQUIRED

Please refer this documentation to generate a token.

---

joinWithoutUserInteraction

• If joinWithoutUserInteraction is true, participant will directly join the meeting with requring to explicitly calling join().

• If joinWithoutUserInteraction is false, participant has to call join() to join the meeting.

  • type: Boolean
  • default: false
  • OPTIONAL

---

participantId

• You can specify your custom participantId here.

  • type: String
  • OPTIONAL

---

multiStream

• Sets wheather to send multi resoultion streams while publishing video.

  • type: boolean
  • defaultValue: true
  • OPTIONAL

---

customCameraVideoTrack

• Set the initial custom video track using different encoding parameters, camera facing mode, and optimization mode.

  • type: MediaStream
  • OPTIONAL

---

customMicrophoneAudioTrack

• Set the initial custom audio track using different encoding parameters and optimization mode.

  • type: MediaStream
  • OPTIONAL

---

mode

• OPTIONAL

• There are 2 types of modes:

  • CONFERENCE: Both audio and video streams will be produced and consumed in this mode.

  • VIEWER: Audio and video streams will not be produced or consumed in this mode.

  • defaultValue : CONFERENCE

---

metaData

• If you want to provide additional details about a user joining a meeting, such as their profile image, you can pass that information in this parameter.

  • type: Object
  • OPTIONAL

---

debugMode

• The debugMode parameter, when set to true, enables users to view detailed error logs generated by our SDK directly on the VideoSDK's dashboard. This feature facilitates efficient troubleshooting and debugging processes, providing users with valuable insights into the functioning of the SDK and aiding in the identification and resolution of potential issues.

  • type: Boolean
  • defaultValue : true
  • OPTIONAL