[Issue]: Media Info page is blank for songs with lyrics

[NicholasFlamy]

Please describe your bug

Media Info page is blank for all of my songs with lyrics (either embedded or as a .lrc file with the same name as the song.)

Reproduction Steps

(Optional? Only thing I have currently tested with) prerequisites (to reproduce my scenario exactly):

1. Have some music (mostly .flac but I sometimes have other formats to start with)
2. Tag music with Picard.
3. Get some 1200x1200 cover art and in my case I use mozjpeg's cjpeg to reencode it: find "/Jellyfin/Music/z Music - 2 Picard Tagged" -depth -name "*cover.jpg" -execdir cjpeg -quality 80 -outfile "covermoz.jpg" "{}" \; (Note, this command was run from a separate container, even the internal mount location is the same as where I mount my media for Jellyfin.)
4. Transcode music with these FFmpeg args: -c:a libfdk_aac -vbr 4 -cutoff 20000 -ar 44100 -movflags +faststart (with .m4a file extension, I purposefully left out the input and output args because I usually use unmanic for this but I have also manually transcoded. Also, I keep the original copies of the files, but I have the libfdk_aac encoded ones to actually listen to and use with Jellyfin.)
5. Use lrcget to download some lrc files
6. Optionally use lrcput.py to embed lyrics

Main reproduction steps:

1. Have a music library set up with songs in it.
2. Click three dot menu on a song
3. Click media info
4. Observer that songs with lyrics will not load anything on Media Info as shown in screenshot below.

Jellyfin Version

Unstable (master branch)

if other:

No response

Environment

- OS: TrueNAS Scale
- Linux Kernel: 6.1.63
- Virtualization: Docker (TrueNAS Scale Custom App button, I think it's Docker in Kubernetes.)
- Clients: Browser
- Browser: Chrome 122.0.6261.112
- FFmpeg Version: 6.0.1-Jellyfin
- Playback Method: N/A
- Hardware Acceleration: QSV (Not relevant I think)
- GPU Model: UHD 630 iGPU (i7 8700K) (Not relevant I think)
- Plugins: None? (Test instance so stock.)
- Reverse Proxy: None
- Base URL: The default `/web/#/`
- Networking: Internal 8096 to 30013
- Storage: Passed through mounts, local storage.

Jellyfin logs

[2024-03-09 01:54:30.792 +00:00] [DBG] [31] Emby.Server.Implementations.Session.SessionWebSocketListener: Watching 1 WebSockets.
[2024-03-09 01:54:30.857 +00:00] [DBG] [38] Jellyfin.Api.Auth.CustomAuthenticationHandler: AuthenticationScheme: "CustomAuthentication" was successfully authenticated.
[2024-03-09 01:54:30.857 +00:00] [DBG] [38] Jellyfin.Api.Auth.CustomAuthenticationHandler: AuthenticationScheme: "CustomAuthentication" was successfully authenticated.
[2024-03-09 01:54:30.859 +00:00] [DBG] [38] MediaBrowser.Controller.Entities.BaseItem: "Take On Me (extended version)" has no parental rating set.
[2024-03-09 01:54:30.860 +00:00] [DBG] [38] MediaBrowser.Controller.Entities.BaseItem: "a-ha" has no parental rating set.
[2024-03-09 01:54:31.464 +00:00] [DBG] [31] Emby.Server.Implementations.HttpServer.WebSocketConnection: WS "192.168.68.22" received message: InboundWebSocketMessage`1 { Data: null, MessageType: KeepAlive, ServerId: null }
[2024-03-09 01:54:33.041 +00:00] [DBG] [31] Jellyfin.Api.Auth.CustomAuthenticationHandler: AuthenticationScheme: "CustomAuthentication" was successfully authenticated.
[2024-03-09 01:54:33.042 +00:00] [DBG] [31] Jellyfin.Api.Auth.CustomAuthenticationHandler: AuthenticationScheme: "CustomAuthentication" was successfully authenticated.
[2024-03-09 01:54:33.045 +00:00] [DBG] [31] MediaBrowser.Controller.Entities.BaseItem: "Take On Me (extended version)" has no parental rating set.
[2024-03-09 01:54:33.046 +00:00] [DBG] [31] MediaBrowser.Controller.Entities.BaseItem: "a-ha" has no parental rating set.
[2024-03-09 01:54:35.485 +00:00] [DBG] [29] Jellyfin.Api.Auth.CustomAuthenticationHandler: AuthenticationScheme: "CustomAuthentication" was successfully authenticated.
[2024-03-09 01:54:35.485 +00:00] [DBG] [29] Jellyfin.Api.Auth.CustomAuthenticationHandler: AuthenticationScheme: "CustomAuthentication" was successfully authenticated.
[2024-03-09 01:54:35.491 +00:00] [DBG] [29] MediaBrowser.Controller.Entities.BaseItem: "Take On Me" has no parental rating set.
[2024-03-09 01:54:35.492 +00:00] [DBG] [29] MediaBrowser.Controller.Entities.BaseItem: "a-ha" has no parental rating set.
[2024-03-09 01:54:36.966 +00:00] [DBG] [29] Jellyfin.Api.Auth.CustomAuthenticationHandler: AuthenticationScheme: "CustomAuthentication" was successfully authenticated.
[2024-03-09 01:54:36.966 +00:00] [DBG] [29] Jellyfin.Api.Auth.CustomAuthenticationHandler: AuthenticationScheme: "CustomAuthentication" was successfully authenticated.
[2024-03-09 01:54:36.968 +00:00] [DBG] [29] MediaBrowser.Controller.Entities.BaseItem: "Take On Me" has no parental rating set.
[2024-03-09 01:54:36.968 +00:00] [DBG] [29] MediaBrowser.Controller.Entities.BaseItem: "a-ha" has no parental rating set.
[2024-03-09 01:54:40.451 +00:00] [DBG] [31] Jellyfin.Api.Auth.CustomAuthenticationHandler: AuthenticationScheme: "CustomAuthentication" was successfully authenticated.
[2024-03-09 01:54:40.451 +00:00] [DBG] [31] Jellyfin.Api.Auth.CustomAuthenticationHandler: AuthenticationScheme: "CustomAuthentication" was successfully authenticated.

FFmpeg logs

No response

Please attach any browser or client logs here

Please attach any screenshots here

Example of problem:

Screenshot of song without lyrics (no embedded lyrics and no .lrc file with the same name as the file):

Code of Conduct

• [x] I agree to follow this project's Code of Conduct

[crobibero]

API is correctly returning the media info, web just needs some changes to correctly display it