Spectator & Broadcast Guide

Discussion in 'General Discussion' started by KW Studios, Oct 6, 2015.

  1. KW Studios

    KW Studios Official Information Developer

    Joined:
    Jan 29, 2015
    Ratings:
    +1,531 / 0 / -0
    NOTE: This is a sample project dedicated to showing 3rd party app developers how to create overlays. If you are looking for a finished and polished application, make sure to visit this thread instead. If you are curious about making your own version, please carry on reading :)


    Last updated 22.02.2022
    - Fixed a few lines to make sure the sample project still works with latest versions of the client.


    Previous update 24.08.2018
    - Changed "Seat Cupra TCR" to "CUPRA TCR"
    - Added Cupra manufacturer logo
    - Latest version with WTCR manufacturer logos.


    This step-by-step guide we will explain how to:
    • Join a Multiplayer race as spectator
    • Use the broadcast overlays provided by @mape

    1. Enable Spectator Mode

    In order to join a MP race as Spectator, you need to add the following argument to the Launch Options of R3E on Steam:

    -broadcastUrl=http://localhost:9090
    To do this, go to Steam, right-click on RaceRoom Racing Experience, select Properties and find "Set Launch Options" in the "General" tab

    launch options.jpg
    If you launch the game now, you can join a MP Server as a Spectator.
    This means you can watch other people, but won't be able to drive yourself.
    You will not use a driver slot on the server.

    NOTE: If you want to go back to drive yourself, you need to remove the launch option on steam again!



    2. Use Broadcast Overlays

    NOTE: In this example the overlays provided by @mape will be hosted locally.
    This means you need to download the files attached to this thread to your hard drive.
    But you can also host them on a web server if you want.

    Step 1: Download the file attached below.

    Step 2: Unpack the files to any location on your hard drive

    Step 3: Download and install: http://nodejs.org/

    Step 4: Launch "start.bat" from the folder you unpacked the files from Step1

    Step 5: Join a MP Server as a Spectator

    Step 6: Open http://localhost:9090/ in your web browser
    This is where you control the broadcast cameras and overlays.
    It is recommended to use a 2nd screen or device for this.

    TIP: On Tablets and phones you can create a bookmark of the url mentioned above on your homescreen, and it will appear as an app with the RR logo icon.

    NOTE: The example overlays are optimized for 1920x1080 resolution.
    Ideally you should run the game in that resolution, and downscale your stream if necessary.


    On the control page you will find:
    All the cars on the server (greyed out if they are standing in pits)
    Buttons to enable/disable the various overlay widgets
    A menu to select between the generic and a DTM theme

    In order to change camera, click and drag to the direction of the camera.

    During Race, cars that are close to each other will be highlighted, so you won't miss any of the action.

    Or you can enable the Director Suggestions which will automatically cut to cars close to each other. Just lean back and enjoy the show!

    [​IMG]

    Feel free to modify the graphic assets provided.
    We also strongly encourage you to create and share your own widgets and themes.

    The overlays use web technology, which means there are endless possibilities to implement your own ideas.

    Check out R3E Reality by @Scout for a more advanced overlay tool
    https://forum.sector3studios.com/index.php?threads/r3e-reality-multiplayer-broadcast-overlay.12061/

    Enjoy!
















     

    Attached Files:

    • Like x 11
    • Useful x 4
    • Love it! x 3
    • Wonderful x 1
    • Creative x 1
    Last edited by a moderator: Feb 22, 2022
  2. The UnKnOwN (GER)

    The UnKnOwN (GER) Member

    Joined:
    Aug 9, 2015
    Ratings:
    +9 / 0 / -0
    good work guys, we used this tool in our league since it came out. but there were so many great actions we aren`t able to catch in our stream.
    why? because we don`t have a replay button. it would be so great to get this little thing. br
     
    • Agree Agree x 3
  3. Tim Cannon

    Tim Cannon Well-Known Member

    Joined:
    Feb 5, 2015
    Ratings:
    +256 / 0 / -0
    This has been great. One small thing tho. I notice when the race is down to the last lap, the auto director changes the camera to the car in the lead. This is nice to give recognition to the likely winner, but a lot of the time, he"s all alone while there are close battles for the remaining podium spots. It would be nice to be able to watch the close battles on the last lap, say between the top 5, rather then the lone leader(no disrespect, @James Nance;)). Or, at least, have the option. The last few club races we had, the auto director missed some of the greatest battles in the championship(particularly @Bobby Edge and @chrisnj) because of this.
     
    • Like Like x 1
  4. Gerbuho

    Gerbuho Well-Known Member

    Joined:
    Jun 7, 2015
    Ratings:
    +264 / 0 / -0
    That should be easy to change... fix the bug in James. ;)
     
    • Agree Agree x 1
  5. James Nance

    James Nance Well-Known Member

    Joined:
    Jan 31, 2015
    Ratings:
    +301 / 0 / -0
    Turds
     
    • Funny Funny x 1
  6. Tortue G

    Tortue G Member

    Joined:
    May 11, 2015
    Ratings:
    +7 / 0 / -0
    Thanks for the explanations about the spectator mode, it was a bit confuse for me, now it seem more easy :) , and it look very nice ;) !!
     
  7. m.bohlken

    m.bohlken Well-Known Member

    Joined:
    Jan 29, 2015
    Ratings:
    +988 / 0 / -0
    Little question: Haven't tried the Spectator-Tool yet, so maybe it's a bit dumb to ask. But is it possible to read the In-Game-Chat somewhere in spectator-Mode?
     
  8. le_poilu

    le_poilu Well-Known Member

    Joined:
    Jan 30, 2015
    Ratings:
    +278 / 0 / -0

    We might need a real in-game-chat before that :p
    The "thing" that in place today is useless :-/
     
    • Agree Agree x 3
    • Informative Informative x 1
  9. Christian G

    Christian G Topological Agitator Beta tester

    Joined:
    Apr 8, 2015
    Ratings:
    +2,413 / 0 / -0
    Better don't... ;)
     
  10. m.bohlken

    m.bohlken Well-Known Member

    Joined:
    Jan 29, 2015
    Ratings:
    +988 / 0 / -0
    hehe - I think it would be nice feature for Commentators...
     
  11. Lars Bachmann

    Lars Bachmann Member

    Joined:
    May 24, 2015
    Ratings:
    +12 / 0 / -0
    Hey guys,
    Nice tool, but I can't get access with the tablet. Do
    I have to unlock some ports in the firewall?

    Edit: I tried with the firewall but the webbrowser on my tablet still says "this website is not available".

    Any ideas what I can try to get it run on my tablet?

    Thank you in advance;)
     
    Last edited: Oct 12, 2015
  12. m.bohlken

    m.bohlken Well-Known Member

    Joined:
    Jan 29, 2015
    Ratings:
    +988 / 0 / -0
    Thank you very much for that Guide. I've tried it yesterday and it worked immediatly... so really very easy und comfortable to use.

    @mape @Sonat Ozturk: Maybe it should be added in the Tip, that you have to insert the local IP-Adress of the hosting Server instead of "localhost" if you want to use an other Device like a tablet. For example http://192.168.1.2:9090/

    @Lars Bachmann maybe that's why you get not access with your tablet?

     
    • Love it! Love it! x 1
    • Useful Useful x 1
  13. mape

    mape KW Studios Developer Beta tester

    Joined:
    Jan 14, 2015
    Ratings:
    +132 / 0 / -0
    New update attached in main post.

    Updates contain:
    • New cameras
    • New game data
    • Audi TT theme
    • Push-to-pass feature
     
    • Like Like x 3
    • Winner Winner x 2
  14. J.Bell

    J.Bell New Member

    Joined:
    Mar 30, 2015
    Ratings:
    +2 / 0 / -0
    medlung.PNG I always get this message? What's going wrong.
    sorry my English is not good
     
    • Like Like x 1
  15. Rene B.

    Rene B. New Member

    Joined:
    Jun 20, 2015
    Ratings:
    +1 / 0 / -0
    Thank you, good work.
     
  16. Gerson Malty

    Gerson Malty Active Member

    Joined:
    Jul 13, 2015
    Ratings:
    +28 / 0 / -0
    Some cameras, like Cockpit, dont work in the last Specators v011. It´s only me?
     
  17. Legende

    Legende Member

    Joined:
    Feb 4, 2015
    Ratings:
    +8 / 0 / -0
    Hi,

    Can someone help me a little please ? i have some problem with this function:

    When i put http://localhost:9090/ in my brother nohthing happend i have time out from the browser.
    I follow all step but i blocked in ths step..

    Thank you .

    I have some problem to speak english
     
    • Funny Funny x 1
  18. J-F Chardon

    J-F Chardon KW Studios Developer

    Joined:
    Jan 15, 2015
    Ratings:
    +5,043 / 0 / -0
    Hello @Legende !

    First of all, I hope your brother is alright and didn't suffer too much from your experiments. (sorry I had to)

    Secondly, make sure you don't have some firewall blocking you, or that it's not some admin privileges that might be playing tricks. Make sure you run the start.bat file as admin.

    Have a look at the webUiGenerator cmd window and look for oddities there. It should look like this:
    5dfaf5ff82b534864b6db7a508e0e832.jpg

    If it doesn't look like that then please take a screenshot to show us.
     
    • Funny Funny x 2
    • Like Like x 1
    • Informative Informative x 1
  19. Legende

    Legende Member

    Joined:
    Feb 4, 2015
    Ratings:
    +8 / 0 / -0
    Oh yes thank a lot !!
     
  20. Bardolph

    Bardolph New Member

    Joined:
    Jan 9, 2016
    Ratings:
    +0 / 0 / -0
    Howdy,
    Thanks for the program. Had one small issue, I ran the browser on a second monitor and every time I clicked on the browser window to modify the view or anything it would minimize the game on the other monitor. Making it somewhat difficult to see what I was doing.
    Any ideas?