Add dynamic <title> for now playing

[edent]

When listening to music in the browser, the tab just says "Music"

I think it would be useful to update the <title> element to say "Wet Leg - Catch These Fists" or whatever is playing.

The JS is relatively simple

document.title = "Name of song";

I think this can be added in

jellyfin-web/src/components/playback/playbackmanager.js

Line 3108 in 2ce3f72

self.nextTrack = function (player) {

if (newItemInfo) {
   console.debug('playing next track');

   //  Show now playing info in <title>
   document.title = newItemInfo.item.Name;

   const newItemPlayOptions = newItemInfo.item.playOptions || getDefaultPlayOptions();

   playInternal(newItemInfo.item, newItemPlayOptions, function () {
      setPlaylistState(newItemInfo.item.PlaylistItemId, newItemInfo.index);
   }, getPreviousSource(player));
}

I presume it would also need to be reset when playback stops.

What do you think?

[edent]

In the spirit of experimentation, I monkeypatched main.jellyfin.bundle.js to include this:

console.debug("playing next track");document.title=t.item.Name;

It works! Every time JellyFin plays the next track, it updates the title element.

Obviously, this isn't a full solution. It doesn't work on the first track (only when the next track appears). It also doesn't persist on website navigation. It doesn't change if playback is paused.

But it is possible!

[ferferga]

I will transfer this discussion to jellyfin-web where it will gain much more traction than here. This repository is tailored for project-wide discussions that affects multiple Jellyfin clients/the project as a whole and this is specific to jellyfin-web only (in fact, jellyfin-vue already does this).

If you have it already working, please make a Pull Request as well so we can review the changes and incorporate them!