Jump to content


Photo

Subtitle background


  • Please log in to reply
6 replies to this topic

#1 djonnie OFFLINE  

djonnie

    Advanced Member

  • Members
  • 133 posts
  • Local time: 11:34 AM

Posted 23 November 2017 - 02:46 PM

Hi,

 

I upgraded my Emby Server on Windows to the latest version. Everything works great, except that my custom css for the (dark) subtitle background is not longer working.

 

In earlier versions this did the trick:

 

::cue {background-color: rgba(0,0,0,.8) !important}

 

Although it's possible to add some shadow to the subitle fonts (great new feature), it's still very difficult to read on my screen.

 

Does someone know a trick on the new Emby Server version? (Hope it will be added to the product as an official feature soon.)

 

I tried:

 

video::-webkit-media-text-track-container { background: #000; }

video::-moz-media-text-track-container { background: #000; }

 

but unfortanutely this did not work. (I don't know anything about css, so probably I'm doing wrong here.)

Your help is much appreciated!

 

Djonnie
 



#2 djonnie OFFLINE  

djonnie

    Advanced Member

  • Members
  • 133 posts
  • Local time: 11:34 AM

Posted 26 November 2017 - 08:23 AM

Solved it quick and dirty by editing subtitleappearancehelper.html:

 

var background=settings.textBackground||"black";background&&list.push({name:"background-color",value:"black"});



#3 Legsmaniac OFFLINE  

Legsmaniac

    Newbie

  • Members
  • 3 posts
  • Local time: 11:34 AM

Posted 18 January 2020 - 08:15 AM

I realise this is a very old thread but I was hoping to do this "quick and dirty fix" but sadly, subtitleappearancehelper.html no longer exists.

No doubt Emby has updated several times since this post and I'm using the latest Emby.

 

Is this fix still possible?

And if so, which file or files to edit please?

Any help would be gratefully received.  I'd really like the black/grey subtitle background similar to TV and Netflix and others.

Thanks.



#4 Happy2Play OFFLINE  

Happy2Play

    Trial and Error

  • Moderators
  • 17584 posts
  • Local time: 03:34 AM
  • LocationWashington State

Posted 18 January 2020 - 08:29 AM

I realise this is a very old thread but I was hoping to do this "quick and dirty fix" but sadly, subtitleappearancehelper.html no longer exists.

No doubt Emby has updated several times since this post and I'm using the latest Emby.

 

Is this fix still possible?

And if so, which file or files to edit please?

Any help would be gratefully received.  I'd really like the black/grey subtitle background similar to TV and Netflix and others.

Thanks.

Take a look at the \Emby-Server\system\dashboard-ui\bower_components\emby-webcomponents\subtitlesettings\subtitleappearancehelper.js..

 

Note the file gets replaced with every update.


Edited by Happy2Play, 18 January 2020 - 08:31 AM.


#5 Legsmaniac OFFLINE  

Legsmaniac

    Newbie

  • Members
  • 3 posts
  • Local time: 11:34 AM

Posted 18 January 2020 - 09:07 AM

I did find and look into that file.  I saw the background:"transparent" wording and changed transparent to black but nothing changed.

Not that I really have any idea what I'm doing with js files.

Did I change the wrong thing?

 

Also - does it alter every subtitle no matter how it's encoded?

I mean, some have .srt files attached and some are hard coded in the mkv video files themselves.

Thanks.



#6 Happy2Play OFFLINE  

Happy2Play

    Trial and Error

  • Moderators
  • 17584 posts
  • Local time: 03:34 AM
  • LocationWashington State

Posted 19 January 2020 - 06:26 PM

All I did was add value:"black" to name:"background-color", the cleared by browser cache.

list.push({name:"background-color",value:"black"});

5e24d6fbd7e49_backdrop.jpg


Edited by Happy2Play, 19 January 2020 - 06:27 PM.


#7 Legsmaniac OFFLINE  

Legsmaniac

    Newbie

  • Members
  • 3 posts
  • Local time: 11:34 AM

Posted 19 January 2020 - 08:12 PM

Ah, OK, thanks for that.  Clearing browser cache did the trick BUT........

Only for playing videos on my PC on which the server is running on?

It still makes no difference to the subtitles when watching videos via the app on either my Smartphone or my Fire TV stick.

Should it?  Or isn't it possible?  I tried clearing the app cache but no change.






0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users