caution

This page has been deprecated.

We've released a new version of pages with some improvements and smoother experience.

Here is the link of each SDK for this page.

• JS
• React
• React Native
• Android
• iOS
• Flutter

Go Live On Social Media

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

JavaScript

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

  // Stop Live Stream
  meeting?.stopLivestream();
};

React

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

  // Stop Live Stream
  meeting?.stopLivestream();
};

ReactNative

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

  // Stop Live Stream
  meeting?.stopLivestream();
};

Android

private static final String YOUTUBE_RTMP_URL = null;
private static final String YOUTUBE_RTMP_STREAM_KEY = null;

//
findViewById(R.id.btnLivestream).setOnClickListener(view -> {
    if (!livestreaming) {
        if (YOUTUBE_RTMP_URL == null || YOUTUBE_RTMP_STREAM_KEY == null) {
            throw new Error("RTMP url or stream key missing.");
        }

        List<LivestreamOutput> outputs = new ArrayList<>();
        outputs.add(new LivestreamOutput(YOUTUBE_RTMP_URL, YOUTUBE_RTMP_STREAM_KEY));

        meeting.startLivestream(outputs);
    } else {
        meeting.stopLivestream();
    }
});

IOS

/// keep track of livestream
private var livestreamStarted = false

@IBAction func livestreamButtonTapped(_ sender: Any) {
    if !livestreamStarted {
        // prepare output
        // specify social-media-url and stream-key
        let output = LivestreamOutput(url: "<rtmp://a.rtmp.youtube.com/live2>", streamKey: "<stream-key>")

        // start livestream
        self.meeting?.startLivestream(outputs: [output])
    }
    else {
        // stop livestream
        self.meeting?.stopLivestream()
    }
}

Flutter

// Start Live Stream
meeting.startLivestream([
  {
    url: "rtmp://a.rtmp.youtube.com/live2",
    streamKey: "streamKey1",
  },
]);

// Stop Live Stream
meeting?.stopLivestream();

Events

1. livestream-started - Whenever broadcasting of meeting started, livestream-started event will trigger.

2. livestream-stopped - Whenever broadcasting of meeting stopped, livestream-stopped event will trigger.

JavaScript

meeting.on("livestream-started", () => {
  console.log("LiveStream Started");
});

meeting.on("livestream-stopped", () => {
  console.log("LiveStream Stopped");
});

React

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

/** useMeeting hooks events */
const {
  /** Methods */
} = useMeeting({
  onLiveStreamstarted: () => {
    console.log("LiveStream Started");
  },
  onLiveStreamStopped: () => {
    console.log("LiveStream Stopped");
  },
});

ReactNative

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

/** useMeeting hooks events */
const {
  /** Methods */
} = useMeeting({
  onLiveStreamstarted: () => {
    console.log("LiveStream Started");
  },
  onLiveStreamStopped: () => {
    console.log("LiveStream Stopped");
  },
});

Android

new MeetingEventListener() {
  @Override
  public void onLivestreamStarted() {
      livestreaming = true;

      // TODO: show indication that meeting livestream is started.
  }

  @Override
  public void onLivestreamStopped() {
      livestreaming = false;

      // TODO: show indication that meeting livestream is stopped.
  }
}

IOS

/// Called after livestream starts
func onLivestreamStarted() {
    liveStreamStarted = true

    // show indication that livestream is started
}

/// Called after livestream stops
func onLivestreamStopped() {
    liveStreamStarted = false

    // hide livestream indication
}

Flutter

meeting.on("livestream-started", () {
  print("meeting livestream started");
});
//
meeting.on("livestream-stopped", () {
  print("meeting livestream stopped");
});