Convert Frames to Normalised Time & Percent

This webpage helps you to obtain Normalised Time values (0.0 to 1.0) and Percentage values for WebVfx animations and keyframes in a clip, given the start and end frames of the clip and the frame-rate (in fps). The values output can then be used as parameters for the various animations created using Elusien's WebVfx Javascript framework.

To use this application you would run through the video after you uncheck the setting: "Realtime (Frame Dropping)", stopping at the start of the clip to which you will apply the Overlay HTML filter and making a note of the playhead position (HH:MM:SS;FF) (this "framestamp" can be observed between the timeline and the preview screen), then stopping at the place where the animation is to start (noting down the playhead position), then stopping at the first keyframe (again note position), second keyframe and so on, then stopping where the animation is to end and finally where the clip ends. These playhead positions are what you input into the table below.

	    VIDEO -->    |----+===========#====@===================@=================#========+-----|
	start of video --^
	start of clip --------^
	start of animation ---------------^
	keyframe 0 ----------------------------^
	keyframe 1 ------------------------------------------------^
	end of animation ------------------------------------------------------------^
	end of clip --------------------------------------------------------------------------^
	end of video --------------------------------------------------------------------------------^
	

1. Input the frame-rate (e.g 25, 29.75, 30, 60).
2. Input the frame number of the start of the clip in Hours:Minutes:Seconds;Frame format (this will usually be 00:00:00;00).
3. Input the frame number of the end of the clip in Hours:Minutes:Seconds;Frame format.
4. Input the frame number of the start of the animation in Hours:Minutes:Seconds;Frame format.
5. Input the frame number of the end of the animation in Hours:Minutes:Seconds;Frame format.
6. Input the frame number of the keyframes (0 - 9) in Hours:Minutes:Seconds;Frame format.
7. Click on the button titled "CLICK for RESULTS".