Stacking Playback error popup when advancing with media keys

[Kwonunn]

Describe The Bug
When advancing to the next song or episode by pressing the keyboard media keys, a playback error popup is shown in the web UI. The media goes to the next track/episode as expected. Repeatedly pressing the media key stacks the popups infinitely.

Steps To Reproduce

1. Start playback of some series of music or video.
2. Press the keyboard Next or Previous buttons.
3. The media advances to the next or previous track/episode as expected.
4. A playback error popup appears.
5. Repeating this, more playback error popups stack.

Expected Behavior
The playback error popup seems to be wrong as the media is playing back fine. This also does not occur when clicking the next or previous buttons in the UI.

Logs
JS console log when pressing Next

playing next track main.jellyfin.bundle.js:2:157876
Requesting https://█████████████████/Users/b16696279473411ab1d9655898cb2bcc/Items/274f10664d721e020e17d92995c68a5e node_modules.jellyfin-apiclient.bundle.js:2:13545
Requesting url without automatic networking: https://█████████████████/Sessions/Playing/Stopped node_modules.jellyfin-apiclient.bundle.js:2:14622
AutoSet Subtitle - No Stream Set 2 main.jellyfin.bundle.js:2:143117
playing url: https://█████████████████/Audio/65cf8018c5981fc73f34027e6e9369be/universal?UserId=b16696279473411ab1d9655898cb2bcc&DeviceId=TW96aWxsYS81LjAgKFdpbmRvd3MgTlQgMTAuMDsgV2luNjQ7IHg2NDsgcnY6MTA5LjApIEdlY2tvLzIwMTAwMTAxIEZpcmVmb3gvMTE1LjB8MTY5MTE5MjI2ODM5OQ11&MaxStreamingBitrate=214151189&Container=opus%2Cwebm%7Copus%2Cmp3%2Caac%2Cm4a%7Caac%2Cm4b%7Caac%2Cflac%2Cwebma%2Cwebm%7Cwebma%2Cwav%2Cogg&TranscodingContainer=ts&TranscodingProtocol=hls&AudioCodec=aac&api_key=c50be418d84e413ca52f7e368f663076&PlaySessionId=1715894383625&StartTimeTicks=0&EnableRedirection=true&EnableRemoteMedia=false htmlAudioPlayer-plugin.fedaf1ff57bcd0f2bd5f.chunk.js:2:9868
gain: 1 htmlAudioPlayer-plugin.fedaf1ff57bcd0f2bd5f.chunk.js:2:10291
requesting url: https://█████████████████/Audio/65cf8018c5981fc73f34027e6e9369be/universal?UserId=b16696279473411ab1d9655898cb2bcc&DeviceId=TW96aWxsYS81LjAgKFdpbmRvd3MgTlQgMTAuMDsgV2luNjQ7IHg2NDsgcnY6MTA5LjApIEdlY2tvLzIwMTAwMTAxIEZpcmVmb3gvMTE1LjB8MTY5MTE5MjI2ODM5OQ11&MaxStreamingBitrate=214151189&Container=opus%2Cwebm%7Copus%2Cmp3%2Caac%2Cm4a%7Caac%2Cm4b%7Caac%2Cflac%2Cwebma%2Cwebm%7Cwebma%2Cwav%2Cogg&TranscodingContainer=ts&TranscodingProtocol=hls&AudioCodec=aac&api_key=c50be418d84e413ca52f7e368f663076&PlaySessionId=1715894383625&StartTimeTicks=0&EnableRedirection=true&EnableRemoteMedia=false 56079.dfaf85de5fa2c0924fad.chunk.js:1:2308
response status: 200, url: https://█████████████████/Audio/65cf8018c5981fc73f34027e6e9369be/universal?UserId=b16696279473411ab1d9655898cb2bcc&DeviceId=TW96aWxsYS81LjAgKFdpbmRvd3MgTlQgMTAuMDsgV2luNjQ7IHg2NDsgcnY6MTA5LjApIEdlY2tvLzIwMTAwMTAxIEZpcmVmb3gvMTE1LjB8MTY5MTE5MjI2ODM5OQ11&MaxStreamingBitrate=214151189&Container=opus%2Cwebm%7Copus%2Cmp3%2Caac%2Cm4a%7Caac%2Cm4b%7Caac%2Cflac%2Cwebma%2Cwebm%7Cwebma%2Cwav%2Cogg&TranscodingContainer=ts&TranscodingProtocol=hls&AudioCodec=aac&api_key=c50be418d84e413ca52f7e368f663076&PlaySessionId=1715894383625&StartTimeTicks=0&EnableRedirection=true&EnableRemoteMedia=false 56079.dfaf85de5fa2c0924fad.chunk.js:1:2386
Active player: {"name":"Html Audio Player","id":"htmlaudioplayer","playerName":"Html Audio Player","playableMediaTypes":[true,false,false,false],"isLocalPlayer":true,"supportedCommands":["GoHome","GoToSettings","VolumeUp","VolumeDown","Mute","Unmute","ToggleMute","SetVolume","SetAudioStreamIndex","SetSubtitleStreamIndex","SetMaxStreamingBitrate","DisplayContent","GoToSearch","DisplayMessage","SetRepeatMode","SetShuffleQueue","PlayMediaSource","PlayTrailers","ToggleFullscreen","PlaybackRate"]} main.jellyfin.bundle.js:2:114683
nowplaying event: playbackstart 18084.239da02d76e26fda517e.chunk.js:1:9330
[nowPlayingBar:onStateChanged] event: playbackstart 18084.239da02d76e26fda517e.chunk.js:1:10036
Requesting https://█████████████████/Users/b16696279473411ab1d9655898cb2bcc/Items/65cf8018c5981fc73f34027e6e9369be node_modules.jellyfin-apiclient.bundle.js:2:13545
Requesting url without automatic networking: https://█████████████████/Sessions/Playing node_modules.jellyfin-apiclient.bundle.js:2:14622
Requesting url without automatic networking: https://█████████████████/Sessions/Playing/Progress node_modules.jellyfin-apiclient.bundle.js:2:14622
Sending web socket message: KeepAlive

Screenshots

System (please complete the following information):

• Server OS: Linux
• Client OS: Windows (not on Linux, I checked)
• Browser: Firefox
• Jellyfin Version: 10.9.1

Additional Context

2024-05-16.23-28-41.mp4

[rnpy]

I'm getting the same issue, tested on Edge and FF on Windows with Windows server, using the next/previous OSD buttons works as expected, next/previous media keys also work fine but incorrectly display that error popup.

Using the play/pause media key works as expected with no error message, only next/previous. This was working in v10.8.13 before upgrade to 10.9.1. On server side the logs show no difference between using media key or OSD.

(Note: this can also be reproduced without having a physical keyboard with media keys, using AHK or similar to send Media_Next event)

Edit: when using the media key, the JS log shows "playing next track" twice, while this only appears once when using the OSD

However, the issue does NOT appear on the same server when using macOS or Linux to access the same server (with either FF or Chrome).