• Welcome to Final Fantasy Hacktics. Please login or sign up.
 
March 28, 2024, 04:48:48 am

News:

Use of ePSXe before 2.0 is highly discouraged. Mednafen, RetroArch, and Duckstation are recommended for playing/testing, pSX is recommended for debugging.


Recording/Streaming FFT with OBS + Scoreboard for FFT Arena

Started by Kashkabald, August 24, 2016, 02:25:06 pm

Kashkabald

Hello! My first post here will be a guide on how to record/stream your FFT Arena with OBS and make it look a bit spiffier, adding an background and a scoreboard so people can keep track of the team names/score!
You can also have your own Twitch chat be recorded, if you are streaming and want it that way.

The end result should look something like this:
https://puu.sh/qMKTa/e0e20ac4d9.png
Ok, so to start off: make sure your emulator is outputting at a high-enough 4:3 resolution:

640x480
960x720
1280x960 -> I use this one
1600x1200

This is to make sure things don't get stretched and the right aspect ratio is maintained.

Anyway, time to download OBS:

If you don't already have it: https://github.com/jp9000/OBS/releases/download/0.658b/OBS_0_658b_With_Browser_Installer.exe
This is OBS Classic + the CLR Browser program, which you need for the scoreboard (and the chat, if you want)

If you already have OBS: https://obsproject.com/forum/resources/clr-browser-source-plugin.22/
Follow the instructions in that page.

So after you install it, go to your Settings menu first of all.

In the Encoding tab, you want to have your settings somewhat like this: https://puu.sh/qMRaB/9e6dbebd85.png

The setting to watch out is the Max Bitrate: 2000kb/s should be good for whatever you record, but if your internet upload can't handle it, your streams will be choppy.
So just go to http://speedtest.net and see your upload speed, then put it on this https://obsproject.com/estimator. You should get more tailored settings to you.

In the Broadcast Settings tab, if you're just recording, set the Mode to File Output Only and leave it as that. If you're streaming, fill out the Twitch Key with the right key, which you can get from your Twitch Dashboard.

In the Video tab, set your Base Resolution to 1920x1080 (1080p). This is important to make sure everything is the right size! You might need to make your resolution smaller to get things to stream/record at a nice speed, so
just use the Resolution Downscale menu to make it lower res and still keep your canvas at 1080p. I usually set it to 1280x720 (720p).
As for Filter, set it to Bicubic/Bilinear if you're having speed issues with your PC.
Keep your FPS at 30, Twitch is still generally bad at having non-partners streaming at 60FPS.

In the Audio tab just configure your audio devices. Should be self-explanatory.

In the Advanced tab, you need to do one thing particularly if you're streaming on Twitch: set the Encoding Profile to 'main' and the Keyframe Interval to 2.
Click OK and save.

Now before you keep going, download this: https://a.pomf.cat/nevvpi.zip
Extract it somewhere, then open StreamControl.exe

You should have something like this:

https://puu.sh/qMU8L/fe0ce9c61b.png
Now go back to OBS. First you want to add the background, which is included in the ZIP I posted earlier.
You need to go to the 'Sources' part, right-click and select Add>Image, like this:
https://puu.sh/qMUhz/11af619c03.png

Name it "Background", locate the image, and click Preview Stream: your background should appear.

Now open up your emulator (I'm using ePSXe) and go to the Formation screen in FFT Arena. Why the Formation screen? It fills up the entire screen with no black pixels, battles also work but things are always moving.

Go back to OBS and Sources -> right-click -> Add -> Game Capture. Select ePSXE from the drop-down menu, un-check 'capture mouse cursor', and click OK.

You should have something like this after hitting Preview Stream, if the emulator is running at 1280x960: https://puu.sh/qMVwq/2cfe3a6c8a.png
Now click 'Edit Scene' and drag the image to the upper left corner, and stretch it on the bottom right corner until it scales like this: https://puu.sh/qMVMI/0fec70366b.png

Now to add the scoreboard: on OBS, Sources -> right-click -> Add -> CLR Browser. This should pop up: https://puu.sh/qMVV5/3fa8e10e58.png
Click the ? and go to your FFT Scoreboard folder -> browserfiles and select 1v1tournament.html. Set the resolution to 1920x1080, and click OK.
Hit Preview Stream and it should look like this: https://puu.sh/qMW4U/632570931d.png
If it doesn't, use Edit Scene to stretch/move things around. If it still doesn't, see if you've set the resolution right when you add the CLR Browser source.

Now for Twitch Chat (optional): go here https://nightdev.com/kapchat/ and click 'install for OBS'. You already have OBS, so just click next. Rest should be self-explanatory. I use the BetterTTV Dark theme.

Click next and it should give you an URL. Copy that, add another CLR Browser source, and paste that there in the URL field. As for the size, I set mine to 485x410. Use Edit Scene to drag it where you want it: I use the lower right corner for this.

Now for the scoreboard itself: open up StreamControl.exe again. The first field is for the team/player name, the second one is for the team color, and the last one is for the score. After you change it, press the floppy disk and it should update on OBS!

Now just hit Start Recording to record, or Start Streaming to well, stream. Have fun!

Thanks to:
-Spenser Cheung, for the original scoreboard that this was based on.
-Farpenoodle, for StreamControl.

Barren

I'll have to try it out sometime. I've always had trouble trying to get a stream to work. Thanks for the VERY DETAILED and COMPREHENSIVE guide!
  • Modding version: Other/Unknown
You dare cross blades with me?

Barren

My issue with the setup so far is that it keeps making my emulator crashing every time I add the emulator to game capture
  • Modding version: Other/Unknown
You dare cross blades with me?