120fps HFR Web Video In Real-Time

First published August 13th, 2013

Blur Busters Browser tests have shown Chrome, Internet Explorer 10+ and FireFox 25+ all are able to 120fps video in real-time on 120 Hz computer monitors! (H.264 format)

This is real-time 120fps High Frame Rate (HFR). This is not slow motion!
You must be using a 120Hz monitor and a recent graphics card (GPU) to view this video at full frame rate. Requires Chrome, FireFox 24+, or IE 10+.

 

Cameras capable of 120fps can be obtained for under $200, including Casio EX-FC200S. A better model is GoPro Hero 3, which can capture 120fps in high definition 1280x720p! Other 120fps cameras include Casio EX-F1Fuji HS10Nikon 1 J1. Some smartphones including Samsung Galaxy S4 and the iPhone 5S can capture 120fps, too.

How Was 120fps HFR Video Prepared For The Web? 

This video was created by using a camera with a 120fps slow-motion feature. Most 120fps cameras capture 120fps for slow-motion (30fps). To make video files play in real time, you need a tool such as ffmpeg to speed up the 1/4 rate slow-motion into real-time 120fps:

ffmpeg -i slowmo120.mp4 -r 120 -vf "setpts=(1/4)*PTS" -an realtime120.mp4

Video can be embedded into web pages via the standard HTML5 <canvas> element. Most web browsers running on a fast GPU-accelerated platform (GeForce GTX 680 tested) already manage to play this video back at a full 120 frames per second in real time!

Tip for web developers: To avoid re-encoding video using ffmpeg, it is also possible to set “.defaultPlaybackRate = 4.0” in JavaScript for HTML5 <video> element, in order to play back a slow-motion 120fps video in real-time. This makes “Slo-Mo Play” and “Real-Time Play” buttons possible!

Blur Busters is helping to trailblaze the 120Hz web, including the UFO Motion Tests as well as the 120Hz Web Browser Tests. Apparently, the Internet Explorer frame cap does not affect video.

For a 1080p video at 120 frames per second, that can also play within web browsers, see World’s First Embedded 120fps Video Game Recording.

4 Responses to 120fps HFR Web Video In Real-Time

  1. Pingback: Tests With 120fps Web Video In Real-Time! | The Blur Busters

  2. Pingback: Blur Busters 120Hz Web Browser Tests | The Blur Busters

  3. Contacted Adobe to see if Adobe Premiere support 120fps. The answer is “Yes”:
    http://forums.adobe.com/message/5592422

  4. Pingback: Blur Busters: A great website about HFR displays - HFR Movies

Leave a Reply