Broadcasting to DS106 TV

DS106 TV is an RTMP Streaming Server running on a Digital Ocean droplet in the US. The server itself supports multiple concurrent streams, but for now we have a single stream setup. The stream is embedded in a television on https://ds106.tv but it’s also possible to take embed codes and show the stream in external websites. RTMP streaming is supported in a variety of applications and hardware so this guide is not comprehensive but a great starting point for experimentation.

Technical Details

Hardware

The primary requirement for streaming to DS106TV on the hardware side is a computer. That can be a desktop, laptop, or even a mobile device. You may wish to stream with a camera and microphone, or alternatively if you are planning on broadcasting other video to DS106TV you could go without those. Even a laptop webcam and built-in mic is sufficient.

Software

Tutorial

I find Streamlabs OBS the most user-friendly software even though the audience for it is primarily streaming to YouTube, Twitch, and Facebook. The software is a fork of OBS with a more modern user interface. Working through the setup after install you can skip the initial setup wizard. Once you’re at the main screen I recommend creating a new set of scenes by clicking the dropdown next to Scenes and selecting Manage All

Screen Shot 2020-04-05 at 2.40.59 PM.png

Then click Create New

Screen Shot 2020-04-05 at 2.41.13 PM.png

Scenes are essentially a set of shots that you can switch between. For a very basic shot let’s add a webcam and make sure it shows the full screen. Hit the + button beside the Scenes window to create a new scene. We’ll call this one “Full Camera”

Screen Shot 2020-04-05 at 2.46.03 PM.png

Screen Shot 2020-04-05 at 2.46.24 PM.png

With our scene selected let’s add a source to it. Hit the + button beside the Sources window to add a source. We’ll choose a Video Capture Device and call it “Webcam” and then when it asks for the camera we’ll select our webcam and Save.

Screen Shot 2020-04-05 at 2.47.50 PM.png

Screen Shot 2020-04-05 at 2.48.32 PM.png

Screen Shot 2020-04-05 at 2.49.08 PM.png

Screen Shot 2020-04-05 at 2.50.22 PM.png

With the source added you can resize it with the handle bars to cover the full canvas (and keep in mind you can resize the canvas under Streamlabs OBS settings under Video)

Screen Shot 2020-04-05 at 2.51.39 PM.png

Screen Shot 2020-04-05 at 2.52.21 PM.png

Now let’s make sure you have audio as well. The third window is the Mixer and it’s possible Streamlabs OBS added a detected Mic there already. If so just hit the gear icon next to it and select Properties and make sure the right microphone is selected.

Screen Shot 2020-04-05 at 2.54.57 PM.png

Screen Shot 2020-04-05 at 2.55.36 PM.png

You should see your levels when talking there and you can adjust them. The mixer automatically adds an audio source for any added source in the scene (for example if a video is added the audio from the video will have it’s own entry in the Mixer).

The final step here before going live is to ensure you have the settings for DS106 TV setup in Streamlabs OBS. To do that hit the gear icon in the bottom left of the application to open the settings menu and go to Stream.

Screen Shot 2020-04-05 at 2.57.51 PM.png

Screen Shot 2020-04-05 at 2.58.01 PM.png

Enter the connection settings and remember if you need the stream key ask a friend for it.

Screen Shot 2020-04-05 at 2.58.01 PM.png

The settings menu has a lot of other options but the ones I make use of most are adjusting the bandwidth used for the stream under Output (I find 2500 Video Bitrate works well on a high speed connection but feel free to move up or down) the canvas size under Video (Most devices are going to be 16x9 resolution so 1280x720 or 1920x1080 works great, but keep in mind the television at ds106.tv is 4x3 resolution so 720x530 is a great lofi option too), and **Remote Control which allows you to download the mobile app, scan the QR code, and use your phone or tablet as a video switcher.

Hopefully this tutorial gets you started with experimenting on DS106 TV. Play around with various software, adding scenes, sources, and building a program of your own. Or just go live and play around! If you need help don’t hesitate to hit up Twitter with the hastag #ds106tv

###Embed Code
If you’d like to embed the DS106 TV player in another site you can copy the following code and paste it into your site:

<iframe width="720px" height="530px" src="//live.ds106.tv:5443/LiveApp/play.html?name=931008459607117158502617&autoplay=true" frameborder="0" allowfullscreen></iframe>