Go Live On Social Media - React Native

This feature allows participant to broadcast meeting on various social media platforms such as Facebook or Youtube. This guide will provide an overview of how participant can start and stop broadcasting meeting.

1. Start LiveStream - By using startLivestream() function, a participant can start broadcasting meeting on various platforms by provding url and stream keys as an argument.

2. Stop LiveStream - By using stopLivestream() function, a participant can stop broadcasting on all platforms.

Start And Stop Live Stream

import { useMeeting } from "@videosdk.live/react-native-sdk";

const MeetingView = () => {
  const { startLivestream, stopLivestream } = useMeeting();
  const onPress = () => {
    // Start Live Stream
    startLivestream([
      {
        url: "rtmp://a.rtmp.youtube.com/live2",
        streamKey: "key",
      },
    ]);

    // Stop Live Stream
    stopLivestream();
  };

  return <>...</>;
};

Event

• onLivestreamStateChanged - Whenever broadcasting of meeting started / stopped, onLivestreamStateChanged() event will trigger.

import { Constants, useMeeting } from "@videosdk.live/react-native-sdk";

function onLivestreamStateChanged(data) {
  const { status } = data;

  if (status === Constants.livestreamEvents.LIVESTREAM_STARTING) {
    console.log("Meeting livestream is starting");
  } else if (status === Constants.livestreamEvents.LIVESTREAM_STARTED) {
    console.log("Meeting livestream is started");
  } else if (status === Constants.livestreamEvents.LIVESTREAM_STOPPING) {
    console.log("Meeting livestream is stopping");
  } else if (status === Constants.livestreamEvents.LIVESTREAM_STOPPED) {
    console.log("Meeting livestream is stopped");
  } else {
    //
  }
 }

const {
  meetingId
  ...
} = useMeeting({
  onLivestreamStateChanged,
});