About multiversion movies - EmbyServer 4640

[Guest]

Hi,
I noticed a small, barely legible icon displayed on the movie poster when it contains two or more audio versions or when there are two or more versions of the same movie with different audios in the folder.
So I would like to be able to optimize this icon, either via CSS, HTML or even editing the file that contains it, maybe with url that hosts the image.
If possible, I would like to know:
1 - Change the image to one of my choice, something like the one attached.
2 - Maybe using a code, show the darkest or the lightest image, according to the background color of the poster, because in the light color poster the image can practically not be visualized.
Thanks from now on.

 

Edited October 16, 2021 by CarlosLima

[Happy2Play 9780]

But multiversion isn't really about audio it is about resolution ie 4K, 1080p, 720p versioning.

Currently there is no way to point to this custom icon, but they resides in \cache\coverart\{each CA version}\resources.  So yes you could manipulate the resource image to generate your own but you need to in sure the resource is the correct size.

Also note this folder is updated with every update to CoverArt and part of the Cache cleanup task removing all cache that is older then 30 days old.

Edited October 16, 2021 by Happy2Play

[wagnermoreira1982 3]

Happy;

Is there a possibility to modify the watched content icon, instead of being a circle, modifying it to a checkmark? How to edit icon position (top left or bottom right).

[Happy2Play 9780]

3 hours ago, wagnermoreira1982 said:

Happy;

Is there a possibility to modify the watched content icon, instead of being a circle, modifying it to a checkmark? How to edit icon position (top left or bottom right).

You could with css, but will only applies to the web client (not online or any other client/app).

i.cardIndicator {
    text-indent: -9999px;
    box-shadow: none;
    background: none;
    width: 30px;
    height: 30px;
    left: 5px;
}
i.playedIndicator.md-icon:after {
    width: 50px;
    height: 50px;
    margin-right: -5px;
    content: "";
    background: url(/web/css/check.png) no-repeat 0 0;
    background-size: 100%;
}

Had to make a tranparent png, and placed in C:\Users\Media\AppData\Roaming\Emby-Server\system\dashboard-ui\css but will be platform specific and need put in same folder with every server update, or you can use a hosted image path.

 

Replace (left: 5px) with (top: 85%;) to move to bottom right

[wagnermoreira1982 3]

thanks Happy