MP Spectator Web Overlay

Discussion in 'Community Workshop' started by mape, Jul 7, 2015.

Thread Status:
Not open for further replies.
  1. Gerson Malty

    Gerson Malty Active Member

    Joined:
    Jul 13, 2015
    Ratings:
    +28 / 0 / -0
    Can't wait to get this tool to make some tests in our Brazilian League!
     
  2. Robert Gerke

    Robert Gerke Member

    Joined:
    Jun 2, 2015
    Ratings:
    +9 / 0 / -0
    Fantastic tool...we are waiting impatient ;-)
     
  3. mape

    mape KW Studios Developer Beta tester

    Joined:
    Jan 14, 2015
    Ratings:
    +132 / 0 / -0
    We have built a example app on top the API which was used for the DTM Virtual Championship race today.

    We hope to release it sometime in the near future, but for now, if you want to get an idea of how it can look when "themed" check it out here:

     
    • Like Like x 7
    • Love it! Love it! x 1
    • Wonderful Wonderful x 1
  4. mape

    mape KW Studios Developer Beta tester

    Joined:
    Jan 14, 2015
    Ratings:
    +132 / 0 / -0
    If anyone wants to test out the example application we used for the DTM race above I've attached a zip. This isn't final so don't expect any support for this but feel free to tinker around (assets/components/widgets folder might be most interesting).


    To get started:

    1. Install http://nodejs.org/
    2. Run start.bat
    3. Add -broadcastUrl=http://localhost:9090 in Steam Game launch
    4. Open http://localhost:9090 in browser
    5. Join mp server
     

    Attached Files:

    • Like Like x 3
    • Winner Winner x 3
    • Love it! Love it! x 1
  5. Flavourlicious

    Flavourlicious Well-Known Member

    Joined:
    Mar 31, 2015
    Ratings:
    +148 / 0 / -0
    • Like Like x 2
  6. Gerson Malty

    Gerson Malty Active Member

    Joined:
    Jul 13, 2015
    Ratings:
    +28 / 0 / -0
    Thanks so much man!!!
     
  7. Lino Carreira

    Lino Carreira Member

    Joined:
    Jan 29, 2015
    Ratings:
    +12 / 0 / -0
    One thing i still didnt understand, will this occupy one of the 24 slots or not ?
     
  8. Lino Carreira

    Lino Carreira Member

    Joined:
    Jan 29, 2015
    Ratings:
    +12 / 0 / -0
    Pretty please, liveries liveries :) let us use our own :)
     
    • Agree Agree x 1
  9. D.Boon

    D.Boon Well-Known Member

    Joined:
    Feb 19, 2015
    Ratings:
    +386 / 0 / -0
    No it doesn't :)
     
  10. Lino Carreira

    Lino Carreira Member

    Joined:
    Jan 29, 2015
    Ratings:
    +12 / 0 / -0
    Thats Awsome indeed :)
     
    • Agree Agree x 1
  11. Sascha Brandenburg

    Sascha Brandenburg Well-Known Member

    Joined:
    Feb 17, 2015
    Ratings:
    +56 / 0 / -0
    But there is one important thing. If the server is full u cannot join. So if u want to stream a race be sure that you join as spectator before the server is full.

    But its right that the spectator doesn't use a slot.
     
    • Like Like x 1
    • Informative Informative x 1
  12. Flavourlicious

    Flavourlicious Well-Known Member

    Joined:
    Mar 31, 2015
    Ratings:
    +148 / 0 / -0
    Aah so that's what went wrong once this weekend @Georg Ortner
     
  13. m.bohlken

    m.bohlken Well-Known Member

    Joined:
    Jan 29, 2015
    Ratings:
    +988 / 0 / -0
    Hm - sounds a bit like an unwanted feature...
     
  14. Sascha Brandenburg

    Sascha Brandenburg Well-Known Member

    Joined:
    Feb 17, 2015
    Ratings:
    +56 / 0 / -0
    So i've made a new theme for the WebOverlay . U can put these files into you spectator folder and it will exchange the DTM Theme . Because i dont have knowledge into CSS i cannot create a new Button to change from the Generic and DTM to the new theme. Maybe someone has a solution how to add a new theme besides the Generic and DTM Theme.

    Download: Spectator Theme

    And here u can see the Theme :

     
    • Like Like x 3
  15. Sascha Brandenburg

    Sascha Brandenburg Well-Known Member

    Joined:
    Feb 17, 2015
    Ratings:
    +56 / 0 / -0
    So i updated my theme and kicked out the DRS widget inside the focusedDriver. Because it make no sense to have a DRS widget when u are Streaming a GT Masters or a GT2 Race. Just redownload the spectator_theme.rar and exchange the files.

    Spectator Theme

    Notice:
    If u want back the DTM Theme because i used that as basic be sure u download the files from @mape and use this one.
     
    • Like Like x 2
  16. MrBiscotte

    MrBiscotte Well-Known Member

    Joined:
    Jan 29, 2015
    Ratings:
    +210 / 0 / -0
    Thank you !
     
  17. n01sname

    n01sname Well-Known Member

    Joined:
    Feb 5, 2015
    Ratings:
    +956 / 0 / -0
    "I fink sat is varry nice ! " :) (Being German myself I'm allowed to make a joke about the accent) :)
     
  18. Moucham

    Moucham Member

    Joined:
    Jan 29, 2015
    Ratings:
    +14 / 0 / -0
    Thank you very much ! ;)
     
  19. mape

    mape KW Studios Developer Beta tester

    Joined:
    Jan 14, 2015
    Ratings:
    +132 / 0 / -0
    Time for a small update that adds sector times to "focused driver" during practice and qualify, as well as some vehicle info during race. Also included a very early and basic automatic camera switcher.

    Zip attached in this post.

    9ee2051f9d70636831563c08adea8ed6.jpg 2ee2481b19d079d30c009fbfe7a390a6.jpg 5bd3d9b54b538b06f74b9957752435fb.jpg 71148cd578aa36eba69db00bf0cf0b52.jpg
     

    Attached Files:

    • Like Like x 4
  20. Flavourlicious

    Flavourlicious Well-Known Member

    Joined:
    Mar 31, 2015
    Ratings:
    +148 / 0 / -0
    I know there was not supposed to be any support for the early example app but @Koopman and I both found a little bug in the interface in the browser when accessed from another PC or device (on the same network, we entered our local IP plus the 9090 part, so like 192.168.2.2:9090). We wanted to test if we could run the game on our main PC and have the interface (where you can choose drivers and camera's etc) run on another PC or device. He was trying to run the interface on a Macbook and I tried both an Iphone and Ipad and the app and the functions worked as they should. The problem was that on all three platforms the buttons on the right (where you choose the different overlay apps like the timer and standings) where very small and placed on top of each other making it difficult to click the right one.

    I also tried another browser on the Ipad (standard is Safari on all three of course) but the same thing happened. We also ran the interface on the same machine where the game was running and it worked there so the files are not broken. We tested a couple of hours ago but didn't take any screenshots. Might do that if you guys would like to see it.


    Other than that, really great initiative and a good start! :)
     
Thread Status:
Not open for further replies.