How to stream from any source over RTMP to Stage on Hopin using OBS

  • Updated

All_plans_.png

RTMP streaming is simply sharing content from your computer (entire screen, separate app or window, webcam signal, etc.) to the Stage or Sessions on Hopin with the best video and audio quality possible.

Note: Streaming to the Hopin Stage via RTMP requires a third-party application; we found OBS to be a popular option amongst streamers and is available for free here: https://obsproject.com/.

Setting up the RTMP stream

image1.png
  • Open the event dashboard
  • Choose the Venue > Stage tab (Stages tab for multiple stage setup on the advanced plans)
  • Set the Stream provider to Hopin (if not already selected) and choose Hopin Backstage on the right side
    Screenshot_2021-07-25_at_13.16.53.png
  • Then click the Save button at the bottom of the page in order to see the RTMP Stream tab 
  • Switch to the RTMP Stream tab
  • Click Generate RTMP setup (this will generate a unique set of stream keys and URLs for your event)
Screenshot_2021-07-25_at_13.20.47.png

The first and preferred is the main RTMP server in place. Should any issues arise when connected to the preferred server, we recommend switching to the fallback provider. The primary one is provided by IVS (Amazon's Interactive Video Service) and the fallback is from Mux.

Note: if you are on a Free Organization then a fallback stream key will not be generated. 

  • Copy the Stream Key (unique key generated for every event) and the RTMPS URL (standard URL used to stream to Hopin, that is across all events)
  • Now let's open the OBS app
image3.png
  • Open the Settings menu on the bottom right corner of the app
  • Choose Stream tab on the left sidebar
  • Set Service option to Custom
  • Paste the Server (rtmps://global-live.hopin.to:5222/app) and the Stream Key (generates per event and is unique)
  • Click OK for changes to take effect

The Stream will now be directed from OBS to Hopin. We only need to choose the source Input capture: video capture device is your webcam, Window capture is sharing the app window, and Media Source is sharing video or audio from the file on your computer.

image4.png
  • Click on the plus (+) icon under the Sources menu
  • Choose Window Capture if you will be screen sharing (Perfect choice to stream your Zoom, Google Meet, or MS Teams call directly to Stage on Hopin)
  • Choose the Window you will be sharing from (Zoom app or browser window)
  • Finally, with all Settings set, we can click Start Streaming button.

That's it, your stream will be displayed on the Stage at Hopin within 15 seconds.

In case you are new to streaming, find below are our recommendations for streaming over OBS to the Stage on Hopin.

Setting up OBS

Tip: The best quality you can get on Stage over RTMP is using the following settings:

Resolution: 1920x1080p

Framerate: 30fps

Bitrate: 5000 kbps

Keyframe Interval: 2 seconds

image5.png
  • Open the Settings menu
  • Switch to Output on the left sidebar, set Output Mode to Advanced and select the Streaming tab on the top of the Settings menu
  • Set Bitrate to 5000 Kbps

Note: This is excessive and max bitrate supported. Going with 3500 Kbps will be sufficient for the Full HD 1080p stream. Check other options at our Recommended Encoder Settings guide.

Video settings

image6.png
  • Make sure the Base and Output Resolution is the same
  • Double-check the Aspect Ratio set to 16:9
  • Check the Common FPS Values to be 30

Tip: On a low internet bandwidth, you can cheat and stream with 1280x720 (Output Resolution). Most attendees will not be able to tell the difference.

Pro Settings

image7.png
  • Open the Advanced tab
  • Set the Color Format to NV12, Color Space to 709 and Color Range to Full

Note: In case you are not sure what to do, we recommend having someone from the tech team to be around during your event to help with RTMP settings and configuration.

Smooth transition between Backstage and any content streamed over RTMP

Once you switch from Backstage to RTMP you can simply click Start Streaming and the RTMP stream will override the Backstage cutting off the Backstage stream. That means the only way to have a smooth transition is to:

  1. Go live on Backstage first
  2. Start the RTMP stream after you are already live on Backstage and wait till the Backstage stream will be cut off by the RTMP stream. The switch happens automatically. No need to reload the page or wait.

In case you started the RTMP stream first, the Broadcast button on the Backstage will be grayed out and you would need to:

  • Click Stop streaming over RTMP using OBS
  • Open the Backstage (it should not display Streaming over RTMP and should have the Broadcast button on the top right corner of the Backstage)
  • Click Broadcast and wait ~10 seconds for the Backstage stream to start.

Note: While streaming from another platform via RTMP to the Stage, there will be no video display on the Backstage.

 

Feel free to reach out to us at support@hopin.com in case you have questions or need assistance.

Was this article helpful?