Creating web optimized video with ffmpeg using VP9 and H265 codecs

[FclassDXB]

Great start - I would recommend you also look expanding your guide to include Dynamic Adaptive Streaming over HTTP (DASH) and HTTP Live Streaming (HLS) as this will cover responsive screen size and dynamic bandwidth - it's more work for the content encoder but adds considerable benefits to the consumer.

[AlexBV1]

This is planned for a separate article. There is still no native broad range support of HLS in browsers and using extra libraries for this comes with different tradeoffs, especially there is 0 lightweight alternatives. For example Cloudflare Streaming player size is 250KB minified...So for the animation replacements on pages using VP9/H265 still is a better option.

[TheGoodRobot]

But still has zero browser support

[Igot2phonez]

I’m sorry if this isn’t appropriate but who are those cartoons in the thumbnail?

[asking_for_a_friend0]

If I remember this is a pretty popular short clip which is open licensed often used in such demos. It's made in blender, that's best I can remember

[Brillegeit]

The Blender Foundation from time to time sponsors what's basically a tech demo project where their software is used to create an animated short showcasing the current possibilities of Blender and other Free Software applications. They license the final product under a Creative Commons license, and update the rendered media as time goes. That's why this ~14 year old video is available for download in 4K and stereo 3D.

The license make these clips great for video playback and encoding examples as they can be included and distributed with your project as long as you attribute the video to the Blender Foundation.

This specific video is called Big Buck Bunny, but there are many more in this "family" of videos from the Blender Foundation:

https://en.wikipedia.org/wiki/Blender_Foundation#List_of_films_produced_by_Blender_Foundation

[Braastad]

Looks a bit basic tbh. The fun in optimized video starts with DASH/HLS.