customize the browser tab and favicon

[z3ndra 7]

Hello

 

I would like to customize the title that appears in the browser tab when I go to my server and the favicon. which file should I modify please?

 

thank you in advance

 

[Happy2Play 8241]

I don't believe there is a easy way for this.  And I believe it would be reset with every update as the folder gets replaced.

 

favicon

\Emby-Server\system\dashboard-ui\css\images

[Happy2Play 8241]

Images can be done with a little work hosting them somewhere else, as you can see if you look at the css code here, with different colored default images.

 

https://emby.media/community/index.php?/topic/28743-emby-dark-themes-in-different-accent-colors/

[z3ndra 7]

thank you so much. and do you know for the title of the browser tab ?

[z3ndra 7]

I want to talk about this title surrounded in red

Edited July 3, 2018 by z3ndra

[PenkethBoy 2063]

You cant as any changes you make emby will overwrite

[z3ndra 7]

but this title is well generated somewhere in the emby files? no ?

Edited July 3, 2018 by z3ndra

[Happy2Play 8241]

There is a script somewhere as changing the html page has no effect.

[PenkethBoy 2063]

the html pages are generated on the fly by the server from very simple templates (changing anything in them relating to the title gets overwritten/replaced) - so changing any file does not work

[Happy2Play 8241]

the html pages are generated on the fly by the server from very simple templates (changing anything in them relating to the title gets overwritten/replaced) - so changing any file does not work

You can see changes displayed briefly during a refresh by returns back to original when page is finished reloading.

[PenkethBoy 2063]

Which is what i said - does not persist

[Happy2Play 8241]

Which is what i said - does not persist

 

@@z3ndra

 

If you really want to change it you have to edit the "\Emby-Server\system\dashboard-ui\scripts\librarymenu.js"

 

document.title="Emby"

But as noted anything changed in the system folder will be reset with every server update.

Edited July 4, 2018 by Happy2Play

[z3ndra 7]

yes, it works great. you manage frankly. Too bad I would update at each update.

 

edit: the tab does not change on the page of a movie 

Edited July 4, 2018 by z3ndra

[Happy2Play 8241]

 

yes, it works great. you manage frankly. Too bad I would update at each update.

 

edit: the tab does not change on the page of a movie 

 

 

I don't get what you are trying to do, but the tab represents your Library "display name" when you setup the library. 

 

What are you trying to do with each library tab?  Do you want them all to say the same thing?

 

 

 

Edited July 4, 2018 by Happy2Play

[z3ndra 7]

it changes well definitively on the homepage. however on the detail page of a movie, the tab remains "emby"

 

Edited July 5, 2018 by z3ndra

[Happy2Play 8241]

@@z3ndra

 

Looks like you need to change Emby here also, same file.

document.title=title||"Emby"

[ebr 14903]

What are you changing it to?  You are re-branding our product to make it look like yours?

[z3ndra 7]

Since I have customized my interface with css code, I want to go further, for the custom to the end. I do not see where the harm is, knowing that I do not intend to market anything at all and that the emby code is open source. In the same way I want to say that I participate because I am subscribed to emby premiere.

[fablinuxer 1]

Hi Guys

 I understand the concern of the developers, but also like to have my logo on the favicon. The emby is a fantastic tool with lots of potential. If you allow me an idea release this as a premiere feature. I would also like to wish to have the possibility to limit the number of logins that relatives and friends make on the server. Ex: 1 login for my brother what it acontence is that it logs in one device, the thickness of it in another and the children in others with the same login. And if it happens, does it happen to anyone else? That way there is no control!

 

[drikosv8 24]

@@z3ndra

 

If you really want to change it you have to edit the "\Emby-Server\system\dashboard-ui\scripts\librarymenu.js"

 

document.title="Emby"

But as noted anything changed in the system folder will be reset with every server update.

 

@@Happy2Play

 

In version 4.2.0.24 "\ Emby-Server \ system \ dashboard-ui \ scripts \ librarymenu.js" I can no longer find the name document.title = "Emby" to change, where can I change again?

 

Thank you

Edited July 2, 2019 by drikosv8

[Happy2Play 8241]

 

In version 4.2.0.24 "\ Emby-Server \ system \ dashboard-ui \ scripts \ librarymenu.js" I can no longer find the name document.title = "Emby" to change, where can I change again?

 

Thank you

 

 

Have a look here.

 

https://emby.media/community/index.php?/topic/46707-how-to-change-name-of-title-of-bar-navigation/?p=749664

[darkassassin07 418]

Another option is to use a reverse proxy to replace the icon files.

 

That's what I have done to change the logos and 'emby' tags to my own custom images/servername.

 

I'm not intending to rebrand emby or anything like that, my users are quite aware the software powering my media server is emby, it's just personal preference and an interesting project.

 

 

The files I replaced are: (relative to the hostname: example.com/<path>)

 

/web/bower_components/emby-webcomponents/themes/logowhite.png
/web/bower_components/emby-webcomponents/themes/logodark.png
/web/bower_components/emby-webcomponents/notifications/badge.png
/web/bower_components/emby-webcomponents/notifications/notificationicon.png
/web/css/images/logoblack.png
/web/touchicon.png
/web/touchicon114.png
/web/touchicon144.png
/web/touchicon72.png
/web/favicon.ico

When these files are requested from the reverse proxy, it serves them directly from the proxies own local files, every other request passes to the emby server.

 

The main reason I did it this way was to avoid the changes I make being reverted on a server update. The emby server is still running exactly as it was installed without modification.

 

 

 

/edit here's how I did that for anyone finding this in the future. I've gotten a few pms about it:

 

An example emby proxy config:

 

server {
   server_name emby.mydomain.com;
   listen 443 ssl http2;
   access_log /home/pi/nginx/logs/access/emby.mydomain.com combined;
   error_log /home/pi/nginx/logs/error/emby.mydomain.com;

   root /home/pi/nginx/html/emby;		


   location / {
      try_files $uri @proxy;
   }
   location @proxy {
      client_max_body_size 20M;
      proxy_pass http://192.168.0.106:8096;
      proxy_set_header HOST $host;
      proxy_set_header X-Real-IP $remote_addr;
      proxy_set_header X-Forwarded-Proto $scheme;
      proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
      proxy_set_header Range $http_range;
      proxy_set_header If-Range $http_if_range;
      proxy_set_header Upgrade $http_upgrade;
      proxy_set_header Connection "upgrade";		
   }
} 

Every request will first check if the file requested exists in /home/pi/nginx/html/emby (set by the 'root' directive)

If it does, that file is served, if not the request is passed to the named location '@proxy' where it's proxied to the emby server.

 

So for example, if you wanted to replace the default user image on the web app login screen, you'd need to create:

/home/pi/nginx/html/emby/web/css/images/logindefault.png

With your own custom image and the proxy will load that instead. (I don't like the random multi colours behind the default user image, so I filled in the transparency in that image with a consistent grey)

Edited July 19, 2020 by darkassassin07

[drikosv8 24]

Have a look here.

 

https://emby.media/community/index.php?/topic/46707-how-to-change-name-of-title-of-bar-navigation/?p=749664

Many thanks, my friend.

 

Sorted out