Audio player controls are not working

[tphakala]

Hi @tphakala! A very happy user here. This new player looks gorgeous. However, it isn't working for me. It does something, and I can see it in the inspector, but something seems broken. It's happening both in Firefox and Chrome (Fedora Linux in both cases).

Screencast.From.2024-10-01.13-05-21.mp4

Originally posted by @vibragiel in #285 (comment)

[tphakala]

@vibragiel Can you please open a species detection listing and look for errors in developer mode console on that page? Dashboard recent detections is still using old player so any errors with new player are now showing up while on dashboard.

[vibragiel]

This is the only error that appears just after entering the dashboard:

There are no new errors when opening a species detection, and the rest of the page seems to work fine otherwise.

[vibragiel]

FYI, I downgraded to an image from before you introduced the new audio player and the htmx syntax error was there already.

[tphakala]

Yeah that HTMX error is not nice, but it is not related to this issue as there is no HTMX in use for audio player code, just javascript. Does audio player for recent detections work?

[vibragiel]

Does audio player for recent detections work?

Yes, that one works fine.

[Tserppa]

Hi, I can see this issue as well but the new player works if I scale the window down. Just try to scale the window down so it's as narrow as a mobile phone screen.

[tphakala]

Which OS are you using @Tserppa Linux?

[Tserppa]

Server is Linux but I'm viewing the dashboard from Windows 11 + Edge.

[tphakala]

OK, I see this also when using docker image from github, I guess docker build workflow is broken. I'll see if I can fix it today. Thanks for reporting @vibragiel and @Tserppa

[tphakala]

Problem is now fixed in image ghcr.io/tphakala/birdnet-go:e96b221de621941fbdcbe2670d450b27802acfe9, I had forgot to commit updated CSS files which broke bunch of things in the UI

[Tserppa]

I can confirm it working now. And btw this is a great update. Thanks @tphakala!

[vibragiel]

Working flawlessly. Thanks!

[vibragiel]

@tphakala Let me know if you need help debugging the htmx syntax error, though it doesn't seem to affect functionality in any way I can see.

[tphakala]

@vibragiel Thanks, HTMX code is directly from HTMX upstream so bug could be simply resolved by updating HTMX library. But I have been thinking of replacing HTMX code with alpine.js + native javascript, haven't made my mind yet though.