So while the DOM, canvas and webgl can hit framerates of up to 60fps, video seems to be stuck at 24fps for the moment.
That framerate is more convention than anything I believe, both the codecs and video container formats don't have restrictions there (well, not all of them).
I'd love to see a <video>
tag showing a clip at like 48 or 60fps. Is this possible, and if so, how can it best be done?
The lowly 24 fps is still overwhelmingly used for cinema, whereas higher frame rates like 30 fps, 50 fps, and 60 fps are becoming more popular with 3D content and are good for wildlife videos.
Click the Video tab for options to change the video output. Use the "Framerate (FPS)" drop-down menu to select a new frame rate. A good average frame rate is between 24-30 frames per second. Anything lower than 20 frames-per-second will result in choppy videos motion.
For a video on the web, most TV and film, 24 frames per second is the industry standard. Live TV like news programs, sports, and soap operas, 30 frames per second is common. Those 6 more frames per second allow for a smoother feel that works well for a video that is less cinematic.
If the video is encoded at a high frame rate and the browser's media player implementation can keep up, then there's nothing stopping playback at a higher frame rate.
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With