-
Notifications
You must be signed in to change notification settings - Fork 3
Obs Widget
Pavel Drankov edited this page Mar 4, 2024
·
9 revisions
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](https://private-user-images.githubusercontent.com/16746106/309905025-a8fe8e1b-d055-481e-b71f-23360a69366e.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjU5NjU4OTksIm5iZiI6MTcyNTk2NTU5OSwicGF0aCI6Ii8xNjc0NjEwNi8zMDk5MDUwMjUtYThmZThlMWItZDA1NS00ODFlLWI3MWYtMjMzNjBhNjkzNjZlLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA5MTAlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwOTEwVDEwNTMxOVomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTY5Yjg2NWJhYjAxZjExNDZkNjc2OTYyZWM3Mjg3YzA1NWE4NzU4MWUzMTliM2UxY2UxMDIyMzllMjI5NGYyYjUmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.w2fS7-30gVXSqiwgx2SHqg_osUhj-IkQ3TLhAhJOJhY)
![image](https://private-user-images.githubusercontent.com/16746106/309909715-143d511f-8b5f-454a-8db7-6d1a0ffd2d2f.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjU5NjU4OTksIm5iZiI6MTcyNTk2NTU5OSwicGF0aCI6Ii8xNjc0NjEwNi8zMDk5MDk3MTUtMTQzZDUxMWYtOGI1Zi00NTRhLThkYjctNmQxYTBmZmQyZDJmLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA5MTAlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwOTEwVDEwNTMxOVomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWJjN2Y2NzE2MTgyYjUxYTk0YWNlOTFlNjg0MmE3ZTIxYTc1NmI1OGVjOThkNDA5Yjg5YTZmZjZmZmQxNzA2ZGMmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.zjKrEXQwidxWMVxczcjG5c5qwlXKMfdI9LiCjDQfJEs)
The widget is highly customizeable is free to use by everyone who want to.
- In OBS: Add source -> Browser
- URL
<URL TO YOUR CHAR ON PVPQ>/obs-widget?style=chips-ranks-rating&layout=vertical
+ options - 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; }
-
style
- the style of the widget. Variants:simple-text
,chips-ranks
,chips-ranks-rating
. Default:simple-text
-
layout
- could be eithervertical
orhorizontal
. Default:vertical
-
role
- only show specs for a certain role. Variants:healer
,dps
,all
. Default:all
-
nologo
- to not show thepvpq.net
logo? . Variants:true
,false
. Default:false
-
limit
- show only certain amount of specs starting from highest. Example:limit=2
to showtop 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 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