In 24.x version, cursor/progress bar movement is not working with play button

General
1

Currently using vaadin 23 version’s AudioPlayer’s play() function with springboot gradle project.
Able to play audio file with cursor/progress bar movement in UI

After migrating to 24.x version, cursor/progress bar movement is not happening in UI with play button click.

I could see the audio-player.js file (auto generated) still extends PolymerElement instead of extends LitElement

Does this extends PolymerElement in audio-player.js file (auto generated) is causing the cursor/progress bar movement issue.

//audio-player.js. (auto generated)
import { PolymerElement } from ‘@polymer/polymer/polymer-element.js’;
class AudioPlayer extends PolymerElement {

Kindly give some insights to resolve this issue.

2

I doubt that it’s related to Vaadin. Sounds more like a Spring Boot thing when the communication between the client and server happens. Did you check the network traffic in your old and new app and compared those?

3

Starting from Vaadin 24, the framework has moved to LitElement (a lighter, more modern web component base). The AudioPlayer should extends from LitElement. Suspecting this is causing issue of cursor/progress bar movement is not happening in UI when play button click.

4

You don’t have to use AI to create a false answer :grimacing:

5

Let me re iterate the issue.

facing issue in cursor/progress bar movement in UI when audio file played with play button click. This is working fine with vaadin 23 however not working in vaadin 24.

The code flow is same in both vaadin 23 and vaadin 24. But cursor/progress bar movement is not happening.

Invoking org.vaadin.addon.audio.server.AudioPlayer play() function from java code.
This play() internally calls below auto generated code.

public void play() {
getElement().callFunction(“startPlayback”);
Log.message(AudioPlayer.this, “start or restart playback”);
}

6

Did you update the audio player addon to a version compatible with Vaadin 24?
I’m asking because callFunction has been deprecated in favor of callJsFunction a while ago and then removed