Skip to content

Obs Widget

Jump to bottom
Pavel Drankov edited this page Mar 4, 2024 · 9 revisions

General

Obs widget is a tool for streamers thats shows shuffle cr and rating for every shuffle spec the streamer plays. Example from Meepmonk and Lontar stream:

image image

The widget is highly customizeable is free to use by everyone who want to.

How to use

  1. In OBS: Add source -> Browser
  2. URL <URL TO YOUR CHAR ON PVPQ>/obs-widget?style=chips-ranks-rating&layout=vertical + options
  3. CUSTOM CSS: body { background-color: rgba(0,0,0,0.9); background-image:none; margin: 0px auto; overflow: hidden; }

Tip: if you need a transparect background you can use CUSTOM CSS: body { background-color: rgba(0,0,0,0); background-image:none; margin: 0px auto; overflow: hidden; }

URL options

  • style - the style of the widget. Variants: simple-text, chips-ranks, chips-ranks-rating. Default: simple-text
  • layout - could be either vertical or horizontal. Default: vertical
  • role - only show specs for a certain role. Variants: healer, dps, all. Default: all
  • nologo - to not show the pvpq.net logo? . Variants: true, false. Default: false
  • limit - show only certain amount of specs starting from highest. Example: limit=2 to show top 2 specs of a certain player. Default: 10
  • align - towards what side to align the elements. Variants: left, right, center. Default: center
  • customText - put custom text on top of the elements. Examples: SHUFFLE RANKINGS. Default: empty

Examples

Examples of the URL's:

  • Meepmonk: https://pvpq.net/us/Kilrogg/Meepmonk/obs-widget?style=chips-ranks-rating&layout=vertical&role=healer&nologo=true
  • Lontar: https://pvpq.net/eu/Tarren-mill/Ultrabull/obs-widget?style=chips-ranks-rating&layout=vertical&role=healer&nologo=true&align=left&customText=SHUFFLE%20RANKING
Clone this wiki locally