evanpurkhiser / prolink-tools

User friendly tools for accessing and using PRO DJ LINK information.
https://prolink.tools
MIT License
216 stars 17 forks source link

custom artwork? #35

Closed densma1 closed 3 years ago

densma1 commented 3 years ago

not really issue but feature request. wondering if its possible to add a feature that allows add one custom artwork to be used for all tracks with no artwork? if no artwork available then display this one.

Thanks

evanpurkhiser commented 3 years ago

Yes this is a good idea!

I will add support for this soon :)

densma1 commented 3 years ago

thanks. looking forward to test

evanpurkhiser commented 3 years ago

Actually, I think for this I would like to suggest using some custom CSS for the blank artwork.

If you're using OBS you can easily do this using the "custom CSS" section of the browser plugin:

image

I would recommend css like this:

/* Empty track artwork is a div, not a `img` */
div.track-artwork {
    background-image: url('<url to your empty artwork>');
    background-size: cover;
}

/* Hide the empty artwork icon */
div.track-artwork svg {
    display: none;
}

I thought about the idea of making this configurable a little more, and think I might hold off on adding it unless some other chime in looking for it. But the CSS solution should work quite well 😃

Let me know if you have any trouble with that!

densma1 commented 3 years ago

Its not a big deal if its going to take too much of your time. I dont use OBS.. i use xsplit or vmix. do you know if that will work with xsplit? I will test it with OBS

evanpurkhiser commented 3 years ago

Looks like xsplit has a 'Custom CSS' option for the website source!

image

That should do what you want

densma1 commented 3 years ago

Thanks. I will test it out

evanpurkhiser commented 3 years ago

Did you get this working @densma1?

densma1 commented 3 years ago

not yet but will test it today. I will let you know shortly

thanks

densma1 commented 3 years ago

The url to your empty artwork has to be http address?

evanpurkhiser commented 3 years ago

You can also try something. Like https://stackoverflow.com/a/14519843