Check progress of video views

gianlucabiancardi96 · 2024-12-28T14:18:52.660Z

Hi guys,

I m trying to understand how to check the progress of the time a user is watching a certain video on my platform.

For instance, if a video I uploaded is 4:00 min, I want to flag an icon when the user watch at least 2 Min.

How can I check this time progress?

Thank you!

Screenshot 2024-12-28 at 15.14.141546×1244 141 KB

amer · 2024-12-28T17:28:19.691Z

Hi @gianlucabiancardi96,

You can use custom code to call bubble backend apis achieve this task as follows:

html

<script>
    // Get video element
    const video = document.getElementById('courseVideo');

    // Save progress periodically
    video.addEventListener('timeupdate', () => {
        saveProgress(video.currentTime);
    });

    // Clear progress on video end
    video.addEventListener('ended', () => {
        saveProgress(0); // Reset progress to 0
    });
</script>

Alternatively, you can use local storage for progress tracking, depending on your specific needs.

Let me know if you need further assistance!

Best regards,
Abdullah

mitchbaylis · 2024-12-29T08:01:06.826Z

you’d likely be best served by using a dedicated video service like mux - very affordable and the api is great. it gives you everything you need and is much better for video than bubble.

bubble storage is expensive (I use filestack + s3)
bubble video playback is very jumpy (I use mux as cdn and video playback optimizer - with mux you can get video as smooth as instagram feed)

system · 2025-03-08T14:19:05.142Z

This topic was automatically closed after 70 days. New replies are no longer allowed.