The circle that allows the user to navigate through an audio file during preview disappear

[tomakorea]

Note: This issue tracker is only used for reporting qualified bugs. Use Pydio Forums for support or feature requests: first-start, install, or config-related troubleshootings will be ignored and closed! Otherwise, please fill all sections below.

📝 Describe the bug

• A clear and concise description of what the bug is.
  After double-click on an audio file in a folder to play it, then go back to the folder and click again to the audio file, the circle that allows navigation within the audio file disappear and only the play button in the center remains.

PLEASE Check my video here that shows the bug in action :
https://github.com/pydio/cells/assets/69623824/c9cc3580-db7f-4f36-933a-55d2ca04a3d4

⚙️ How-to Reproduce

Steps to reproduce the behavior:

1. Double click on an audio file in a folder
2. Play the audio file
3. Click the button on the top left to exit the preview and comeback to the folder
4. Double click again on the audio file
5. You can notice de navigation circle disappeared

🩺 Environment / Setup

Complete the following information:
Tested on Safari and Firefox (Mac OS 12.7.4 and Debian with Firefox)
Server Versions:

• Cells Version latest docker version
• MariaDB/MySQL latest docker version
• Server OS: Debian 12

Client used for testing:

• Browser : Safari, Firefox
• Mac OS 12.7.4 and Debian 12

[cdujeu]

thanks for reporting ... we have a longstanding plan to find an alternative js audio player, so not sure we'll investigate much on that.

[tomakorea]

Can't you use Wavesurfer ? https://github.com/katspaugh/wavesurfer.js/
I used it on small projects, it works really well, it displays the waveform and the user can click anywhere on the waveform to navigate the audio file. It's also very stable.

[cdujeu]

why not, seems nice - is there any "playlist" concept ?

[tomakorea]

Unfortunately not, but in few minutes I was able to use wavesurfer + a bit of code to make a comments system at specific time-codes on an audio file, just by using javascript. Being able to comment at a specific spot of an audio file is especially good for audio professionals such as composers, musicians, sound designers, sound editors and post production facilities since the client is able to mark at the right time what he likes/dislikes/want to change. The fact there is also a waveform display is making this feature really convenient. There are actually online services like mixup.audio that offers this kind of features but even a simple implementation using wavesurfer would be a huge benefit/selling point since there is no open source solution that does the same thing.