Resource icon

Zyphen's Now Playing overlay 2.1

Go to download
Overview Updates (2) Reviews (11) History Discussion
Z

ZyphenVisuals

New Member
ZyphenVisuals submitted a new resource:

Zyphen's Now Playing overlay - Now Playing overlay based on Snip

This is a quick Now Playing overlay I created, inspired by the awesome widget created by Aiden Wallis.

Why use this?

If you ever tried using Aiden Wallis's widget, you might know that it has a pretty slow refresh rate, and if the servers are overloaded it can sometimes not even update for several minutes.

This widget aims to provide you with the same functionality but with a local html page, meaning you don't depend on...
Click to expand...

Read more about this resource...
 
iTouch44

iTouch44

New Member
thank you , thats a nice overlay,
i made a litte change at the body color, sorry for saying that but the white box looks crap when nothing is played :D


body{
background-color: rgba(0, 0, 0, 0.0);
padding: 0 !important;
margin: 0 !important;

with that change the white box is full transparent
 
Z

ZyphenVisuals

New Member
iTouch44 said:
thank you , thats a nice overlay,
i made a litte change at the body color, sorry for saying that but the white box looks crap when nothing is played :D


body{
background-color: rgba(0, 0, 0, 0.0);
padding: 0 !important;
margin: 0 !important;

with that change the white box is full transparent
Click to expand...
It's weird that it's white in the first place. For me it's transparent (see the Demo video please). What version of OBS?
 
G

grizzlord

New Member
Hello! great plugin i am loving it! I am wondering one thing though. I am only somewhat familiar with css/ other web based coding. I am wanting to center the text instead of having it lined up on the margin. what lines of code would I edit to do this? from my experiments the normal centering codes dont seem to be working within the css file. is the text alignment done in the html file? Thank you for your help in advance.

1594866142888.png


and in case you are wondering i am attempting to center between the two images
 
Last edited:
G

grizzlord

New Member
okay after tinkering i was actually able to mess with the "#smalldiv" margin as well as add "margin: 0 auto;" in order to center the pieces of text.
 
iTouch44

iTouch44

New Member
ZyphenVisuals said:
It's weird that it's white in the first place. For me it's transparent (see the Demo video please). What version of OBS?
Click to expand...
idk why its white for me, but with that small css change its transparent now, i use OBS 25.0.8 with the Streamelements Addon

Video
 
Last edited:
B

bbeesky

New Member
I normally use the browser version of Spotify - this plugin at this time will only work with the Spotify desktop application. Not a deal breaker by any means. Thanks for the plugin!
 
Z

ZyphenVisuals

New Member
bbeesky said:
I normally use the browser version of Spotify - this plugin at this time will only work with the Spotify desktop application. Not a deal breaker by any means. Thanks for the plugin!
Click to expand...

Hi! At this point in time, the plugin itself doesn't necessarily "connect" to anything, it simply reads the data from .txt files (and a png image) and displays it for you. If you can find a grabber (like Snip, Tuna, etc) that works for the Browser version, then the plugin works.
 
A

AlexShyno

New Member
Hi, i just wanna know how to make the text animated for long artist name or song name ? (btw very nice overlay, great job)
 
You must log in or register to reply here.
Top