Streaming Tutorial

Here is the complete way to get your stream up and running using FFSplit.

System Requirements
Minimum 3 Ghz quad-core CPU. (Intel Core 2 Quad, i5/i7 1st and 2nd generation, AMD Phenom II 955+/1055+, Bulldozer)
Windows Vista, 7 or 8

Software
FFsplit
VC++ Runtime 2010 (x86)
.NET Framework 4.0

Make sure both VC++ and .Net Framework are installed before running FFsplit.

FFsplit Main Window

Click to see the full image1. These are your source settings. Select FFSplit Overlay and the default audio devices.
2. These are your encoder settings. See Encoder section for more information.
3. These are your stream output settings. Select to record to drive, stream, or both.
Click to see the full image1. Disable Aero
2. Check to see preview. Only works with non-overlay sources.
3. Enable Debug for more information about the encoder
4. Check for update every time FFsplit starts.

Setting up the FFsplit Overlay

Hit the “Overlay” button on the main window to bring up the manager. This can only be done when not streaming.

1. Here you can add images to overlay on your stream source.Currently only supports BMP image files.
2. This is the preview area where you can place the added images.
3. Here you can select a reference image for your game to make aligning your overlay a lot easier.
ImageBy default the overlay captures your entire screen (your main monitor if you have more than one) but sometimes you only want to capture a certain region of your screen. For that we go to the second tab.Click on “Click on Window” and then on the window you wish to capture. Here I’ve selected a Chrome window as a demonstration. The overlay will not follow your window around, it capture that specific screen region. Click “Reset” to capture the entire screen again.
ImageIn the final tab you can select the quality of capture and whether or not you want your mouse cursor to show up on stream.

Setting up Audio Sources

Select “Direct Sound Capture Device” as your audio source. This will capture your default windows audio device.
Select the relevant microphone for your system, or select “none” to stream without it.
1. Open windows sound settings and right click your Default Device and select properties.
2. Set format to “16 bit, 441000 hz (CD Quality)” and uncheck “Allow applications to take exclusive control of this device”. Hit “Apply”.
 1. Open windows sound settings and right click your Default Device and select properties.
2. Set format to “16 bit, 441000 hz (CD Quality)” and uncheck “Allow applications to take exclusive control of this device”. Hit “Apply”.

While the last 2 steps are not strictly necessary, they are highly recommended for maximum compatibility.

Encoder Settings

These are only basic guidelines, experiment with them to figure out what works best for you.
Video Bitrate:In general you’ll want to set this to ~75% of your upload.Video Encode Preset:In general Default will be the best preset to use. There are other presets availabl. The faster the preset, the more bandwidth it will use and less CPU power.Video Resolution:Pretty self explanatory. Most quad cores will be able to stream 1280×720 (720p). This is a great starting point. Work your way up from here if you have enough CPU cycles left.

Video Frame Rate: The amount of frames per second streamed out. Again a quadcore will be able to stream out 30 frames per second without any problems.

Audio Bitrate: The amount of bandwidth available for audio. 128kbit is a good trade off between quality and size.

Audio Channels: Here you can choose between Stereo and Mono. Alas flash player still doesn’t support 5.1

To reitterate, these are only guidelines! Experiment with these settings to get the best performance versus quality trade off.

Find RTMP link

Now that FFsplit is ready to go, all you need to do is insert your streaming link in the appropriate box. How to do this varies per site:

Justin.TV / Twitch.TV
see this thread: http://www.ffsplit.com/forums/viewtopic.php?f=8&t=221

Own3d.TV
Go to your profile page, My Livestream. There you will see FMS URL and FML Stream. Click Show and combine the two into your stream url like so:
rtmp://live.eu.own3d.tv/live/yournamehere_######_###########

Enter the RTMP:// link into FFSplit.

That’s it! You are now ready to stream with FFsplit! Hit “Start” to stream!

For a more in depth look at streaming with FFSplit go to our Guides and Tutorials section on the forums.

If you need assistance go to our Bugs and Technical Problems forum or our IRC Channel.

 

FFsplit Overlay Tutorial

Step 1: Create your image files.

Note: Only BMP images are allowed for now. You will need to convert all the images to BMP yourself before attempting to use them in the overlay manager.

1. Create your image, or convert it to BMP.
2. Make sure any transparency regions are set to white.

Image
This will be my first image. Streaming2.bmp

 

Step 2: Create your Masks.

Note: Masks are used only for transparency, and are NOT essential if no transparency is needed. You will also have the option of letting the Overlay Manager generate a mask for you. But in this case, if I masked out white, the text ‘Streaming with’ will also get masked out. Creating your own masks provides more control.

1. Color all the white transparent regions from step 1 into black.
2. Also save as BMP.

Image
I want the edges to be transparent. Streaming2MASK.bmp
Step 3: Import and Setup Transparency.

1. Open the Overlay Manager, and add your image.

If you are using a mask:
3. Under Transparency, select ‘Single Color Mask’.
4. Click Choose Mask, and locate the Mask BMP file.

• If you’re GENERATING a mask, select the RGB value of the color, and click ‘Generate mask’. You will be prompted to save the new BMP file. The selected color will be masked out.

A quick look at transparencies:
Image

If you are NOT using a mask:
• Under Transparency, select ‘No Transparency’.

If you are using Semi-Transparency:
• Under Transparency, select ‘Semi-Transparency’.
• This creates additive transparency, which is similar to a stained-glass look. The appearance of the image will depend on whatever colors are underneath. Only works well when on top of bright colors and under certain brightness. Can look great with some images, but fail with others.

 

Step 4: Image Positioning.
Note: Image location can also be adjusted manually by entering values for X and Y. (Denotes the top left corner).

1. Select the image you want to position, and use the Locator Editor to drag it to the desired place on the screen preview.

2. Turn off the red location border for convenience, when trying to match up edges.

For accurate placements:
3. Click the ‘Set Reference Image…” button and choose a picture. NOTE: only .bmp files for now.


In my case, a picture of the Dota 2 user interface

 

4. Drag the image to desired position:
Image

 

Final Stream output:
Image

Be sure to report any Errors/Bugs in the forums.