Video - Frame per Second

Card Puncher Data Processing

About

Frame rate (expressed in frames per second or fps) is the frequency/speed (rate) at which consecutive images called frames appear on a display.

The term applies equally to film and video cameras, computer graphics, and motion capture systems.

Frame rate may also be called the frame frequency, and be expressed in hertz.

Note that: <MATH> 1 \text{Hertz} = 1 \text{Frames Per Second} </MATH>

The number of frames that is displayed each second has a direct impact on how smooth (life-like), a video (or user interface) seems to be.

Rendering, unresponsive and FPS

  • If a video application can not put up 1 new picture, or frame in the display buffer because of performance before each screen refreshes (ie every 10ms)
  • the frame rate drops (frame are not shown),
  • the content judders on screen (often referred to as jank)

For instance:

  • with a normal monitor device that display 60 frames per second,
  • the application got about 16.67ms to generate a frame (static image)
  • If the application is unable to create a frame within this 16.67ms, a frame will drop (miss an interval)
  • and the UI will appear unresponsive.

Human

humans perceive individual images as motion with frame rates:

  • around 10 to 15 Hz up
  • to 60 Hz.

Documentation / Reference





Discover More
Browser
Browser - Rendering

Rendering is a page load phase that consists of generating an output that can be read by the client. Render tree building stage: The CSSOM and DOM trees are combined into a render tree. Before the...
Card Puncher Data Processing
Datacadamia - Data all the things

Computer science from a data perspective
Card Puncher Data Processing
Display - Refresh Rate (hz)

The Refresh Rate is the number of times in a second that a display refresh the screen by redrawing the content of its buffer. Most devices today refresh their screens 60 times a second (60 Hz). An application...
Card Puncher Data Processing
How to change the video FPS (frame per second) with ffmpeg ?

You can change the number frame per second (FPS) of a video thanks to the fps filter
Card Puncher Data Processing
Video - Frame

A frame is an image (picture) that is found in a serie of image creating a video (motion). Frame can also be generated between two frames called keyframe to create a smooth animation with less frame....
Card Puncher Data Processing
Video / Motion / Animation / Film

A video is : a sequence of image called frame shown at the frequency called frequence rate (per second) compressed to follow a bitrate. Movies at first were called moving pictures. A good example...
Devtool Chrome Performance Frames
requestAnimationFrame Web Api

requestAnimationFrame is a window function that permits to run code when a frame is going to be painted. Avoiding layout shift. For instance, when you create a fixed top bar, you need to set two...



Share this page:
Follow us:
Task Runner