frame decoded signal for precise synchronization in Video.js

[MotivaCG]

I've successfully implemented per-frame synchronization in OGV.js, which provides its own decoding pipeline. However, it turned out to be too slow for real-time playback of large videos.

I'm now looking for a similar mechanism in Video.js, but using the built-in browser decoding.

Unfortunately HTMLVideoElement.requestVideoFrameCallback() is not enough, as it provides timestamps but does not guarantee that the frame has been fully decoded. I need a signal that triggers exactly when a frame is decoded and ready for rendering and Video.js does not seem to provide a built-in event for this.

Does Video.js have any built-in event that fires exactly when a frame has been decoded?

Is there an existing plugin that implements this kind of per-frame synchronization? (There are many plugins, so perhaps one has already done this.)

If I need to implement a plugin for this, what would be the best approach? Any guidance on hooking into the video rendering pipeline would be greatly appreciated.

This feature is essential for frame-perfect synchronization with external data, such as 3d sync, animations, or real-time visual overlays.

Any insights, references, or plugin suggestions would be highly appreciated.

Thanks in advance!

[welcome]

👋 Thanks for opening your first issue here! 👋

If you're reporting a 🐞 bug, please make sure you include steps to reproduce it. We get a lot of issues on this repo, so please be patient and we will get back to you as soon as we can.
To help make it easier for us to investigate your issue, please follow the contributing guidelines.