Connect Streaming Platforms (YouTube, Twitch...) with Livestorm

Who can use it? Admin, Member

On which plans? All

Sometimes you may have a specific use case that won't fit into Livestorm's streaming tech scope. This is why we built a way for you to embed another streaming platform into Livestorm to still benefit from our logistic stack: emails, chat, polls, landing pages, etc.

By using the iframe mode on Livestorm you can replace our video source with your iframe code. The iframe can be an embedded widget from YouTube, UStream, Livestream, Twitch, Facebook Live, etc.

Bear in mind that your session will not be recorded if you opt for this option.

When should I use the iframe mode on Livestorm?#

As explained above, sometimes you might need to run a special kind of live events like a live summit or a roundtable with more than two presenters. This is when you start to step off the Livestorm scope. The iframe mode is ideal when:

  • You need more than 16 presenters.

  • You need to stream for more than 4 hours.

  • When you need a 4K quality.

What are the cons of using a third-party streaming platform?#

However, there are some obvious disadvantages of relying on another streaming platform:

  • The user experience is much more complex. You may have to do some complex setups.

  • You will often need to use an encoder to send the local stream to those platforms. If you are on Mac try OBS, if on Windows try XSplit.

  • You won't have a real-time experience anymore. There will be a longer delay between what you do and what your audience will see.

  • In most cases, you won’t be able to join the stage, invite someone on stage or share a media via Livestorm.

Where do I use my embedded code on Livestorm?#

When you create and/or change your event settings, go to Event Settings > Video Settings > Click on iframe and paste your iframe. Make sure to keep only the iframe HTML tag.

streaming

This is what it looks like in your event room:

streaming

Attendees and contributors need to click “play” to view the live stream, upon entering the live event.

Your attendees will see the controls of the stream, however, they cannot stop the stream. They can pause it and catch up after but they won't be able to end the stream.

Also, make sure to mark your live stream on YouTube as unlisted so people don't go to your channel and watch it. Go to Basic info > Privacy > Unlisted on your YouTube dashboard.

Example: YouTube Live#

In this example, you will create a live stream on YouTube and embed it on Livestorm. You will need a YouTube account and a Livestorm account.

1 In YouTube Studio, click Create > Go live.

2 Choose how you want to stream (Webcam or Streaming software such as OBS), then set up and schedule your stream.

3 Click Share and copy the embed code of your stream.

4 In Livestorm, go to your Event settings > Integrations > Stream settings and paste the iframe code.

5 When you are ready, start the broadcast on YouTube, then start the event on Livestorm right after.

6 At the end of the event, end the broadcast on YouTube and the event on Livestorm. The recording is saved on YouTube, not on Livestorm.

More resources#

There are some other resources you might find useful for using YouTube live like:

Example: Facebook Live#

In this example, you will be able to create a live video on Facebook and embed that live stream on Livestorm. You will need a Facebook account and a Livestorm account.

1After you log in to your Facebook account, from your newsfeed, click on Live Video. You can also click on Live Video from your Timeline as well. 

A large screen should show up with your webcam on the left and options to the right (see screenshot below).

2 First, choose where to post your live broadcast. You can choose between your timeline, group, event, or page.

You may enter a caption. Select your microphone and webcam.

Lastly, make sure to set your viewer settings to Public. Otherwise, your Facebook Live video will not be viewable in Livestorm!

3 When you are ready, click on the blue Go Live button! This tab is your main feed that has the option to End Live Video. Note: Keep this tab open!

4 Next step, wherever you chose to share the video, you'll need to go to that page to retrieve the iframe code. So if you chose to share it on your Timeline, open another tab with your Facebook timeline and click on your video > three dots in the top right corner > Embed. 

5 Now in your General Settings of your event in Livestorm, go to Stream Settings, and choose External source. Then input the code.

Once this is saved, you may close the second tab that you opened to retrieve the video ID and go back to the main tab (where the option to: End Live Video, is).

6 Then you may Enter the event room on Livestorm and click Start event!

7 When you are done with your Facebook Live, click on the red End Live Video button and End event on Livestorm! Voilà :)

Join our Livestorm Live Product Demo

During this 30-minute live event, we will introduce you to the platform. You will learn how to use Livestorm for your webinars.