add on_change in ProgressBar

[bobwatcherx]

i make custom progressbar for video . if i change or click progress bar then time in video will change

from flet import *
import time

class Videoplayer(UserControl):
    def __init__(self, page):
        super(Videoplayer, self).__init__()
        self.page = page
        self.videoplayer = Container(
            content=Video(
                autoplay=True,
                playlist=VideoMedia("assets/myvideo.mp4"),
                filter_quality="high",
                aspect_ratio=1/1,
                show_controls=False
            )
        )

        self.progress_video = ProgressBar(
            width=self.page.window_width,
            bar_height=12,
            color="red",
            value=0 ,
            on_change=self.changetimeto
        )

    def changetimeto(self,e):
        print(e.control.value)

    def resetvideo(self,e):
        self.videoplayer.content.stop()
        self.videoplayer.content.play()
        self.update()

    def build(self):
        return Column([
            self.videoplayer,
            self.progress_video,
            Row([
                ElevatedButton("reset",bgcolor="red",
                    color="white",
                    on_click=self.resetvideo
                    )
                ])
        ])

    def did_mount(self):
        get_video_duration = self.videoplayer.content.get_duration()
        while True:
            get_time_now = self.videoplayer.content.get_current_position()
            # Calculate progress ratio and update progress bar value
            if get_video_duration > 0:
                progress_ratio = get_time_now / get_video_duration
                if progress_ratio < 1:
                    self.progress_video.value = progress_ratio
                else:
                    self.progress_video.value = 1  # Set to full when progress reaches 1 or above
                print(self.progress_video.value)
                self.update()
            # Print real-time duration
            print("Real-time duration:", get_time_now)
            time.sleep(1)  # Update every second

def main(page: Page):
    page.window_width = 300
    page.add(Videoplayer(page))

app(main, view=AppView.WEB_BROWSER, port=5050, assets_dir="assets")

[ndonkoHenri]

The progressbar can't have on_change. You are in charge of modifying it's value internally... that's the change.

Something similar to what you are trying to implement has been done here: https://github.com/flet-dev/flet-contrib/tree/main/flet_contrib/audio_player