Can I get the number of the current frame in an HTML5 video?

Question

I am currently trying to customize an HTML5 video player so that I can add a button that returns the current frame number.

Lets say I have a 30fps video that lasts 90 seconds. When I click on that button I want it to print me the number of the current frame. Is that possible?

Answer 1

I don't think there is a set standard framerate across browsers or any way of accessing the current frame out of the box with html5 video. What you could do though is use the television standard framerate of 29.97 frames per second and simply multiply that by the video's current time like so: (vid.currentTime * 29.97).toPrecision(6).

Here's a fiddle I set up demonstrating how to bind this to a button to get the current frame: http://jsfiddle.net/893aM/1/