Giter Site home page Giter Site logo

jaldesign / division-2-stats-overlay Goto Github PK

View Code? Open in Web Editor NEW
2.0 2.0 0.0 112 KB

Real Time Overlay for Twtch Streamers playing Division 2. For use with OBS/Xspilt etc

License: MIT License

CSS 30.52% HTML 21.45% JavaScript 48.04%
obs overlay division video streaming xsplit html css js stats

division-2-stats-overlay's Introduction

DEPRECATED - No longer updating. Please feel free to fork and update

Division 2 Stat Overlay

Setup | Usage | Licence

Using @Tabwire TheDivisionTab API a unoffical api for The Division 2 and allows for;

  • Total Time
  • PvE Level
  • DZ Level
  • Gear Score
  • Specialization's with Emblem
  • NPC Kills
  • DZ Kills
  • & More!

This overlay will allow for stats directly from that API.

Because you can ping off the API it allows for emblems for Specialization's to change dynamically (no needing to reload) although this depends on how quickly the api updates.

Examples in use

examples Left; My Account | Right: Friend with No Skill Score Yet Screenshot from OBS Capture

Easy Way

Hosted:

Open https://jalp.xyz/div2stats/?username=[username]&platform=[platform] in >OBS or your streaming software and create a browser source. Follow usage for browser sizes etc

Self-hosted:

Download the latest release here (recommended) Save & move/upload your files to your web server.

  • Its recommend that you create a new sub directory/folder outside of www/htdocs in the case of this example /d2stats

Requirements for Self-Hosted

You will need a Web Server;

xampp - Own PC/Server

Google Cloud - Normally have $200 of free credit which last a year

A Cheap VPS/Web Host - Look around Nothing powerful is needed

  • Navigate to where ever you placed the files on your web directory

[Server ip]/d2stats/?username=[username]&platform=[platform] Replace the brackets with your uplay|xbl|psn username and change the [username] & [platform] with the respective information.

  • In OBS create a new Browser Source set the URL like above.
    • Max Width & Height 1920x400
    • Min Width & Height 800x250

Every 10 minutes the overlay will reach out to the API and check for updates before been displayed.

Please note, that it can sometimes take up to a hour for api data to refresh. This is something that has been brought up on The Division Tab Github Page

Copyright 2019 JaL Design Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

Affiliation

Division 2 Stat Overlay or TheDivisionTab API is in no way shape or form affiliated with Ubisoft and its partners. Any "The Division" name, logos and/or images are registered trademarks of Ubisoft.

division-2-stats-overlay's People

Stargazers

 avatar  avatar

Watchers

 avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.