Live streaming setup

From Hackers & Designers
Revision as of 21:25, 11 October 2020 by Heerko (talk | contribs)

Quick notes on the livestreaming setup we use on https://live.hackersanddesigners.nl

Server

To start the server you need access to the 'livestream' user account.

Log in to the server, this should work without a password. If this doesn't work ask Andre to add your ssh key to the user account.

  • ssh livestream@hackersanddesigners.nl

Start the server:

  • cd /var/www/live
  • npm run start

Immediately after starting the script prints the stream key in the terminal window:

> hd-x-thehmm@1.0.0 start /var/www/live
> node server.js

Found an existing stream! Fetching updated data.
Your app is listening on port 4000
HERE ARE YOUR STREAM DETAILS, KEEP THEM SECRET!
Stream Key: ***xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx***

Copy the Stream Key.


MUX

The backend we use is powered by [mux.com]. The recordings get stored there. If you need them, ask Heerko or André for the password.

OBS

  • Download [OBS]
  • Go to Settings > Stream
* Service: Custom
* Server: rtmps://global-live.mux.com:443/app
* Stream key: paste the key you copied from the terminal.

Setting up the scenes in OBS pretty clear, and there's plenty tutorials out there, so I am skipping that :)

OBS Ninja

To get a speaker in the stream we use OBS Ninja: https://obs.ninja/

Click on 'Create reusable invite', use the speaker's name a the name and click the 'generate the invite link' button.

The next screen gives you two links: 1. The link you give to the speaker to connect to. 2. The OBS browser source link

Save both. Send the speaker link to the speaker.

On Mac

The browser source in OBS can't capture the OBS.Ninja audio. As a work around we use the OBS.Ninja app. There's a really good explanation on how to set it up on their github: https://github.com/steveseguin/electroncapture