How to optimize videos for the web | With live examples скачать в хорошем качестве

How to optimize videos for the web | With live examples

In this video, we discuss what is video optimization and look at different techniques for optimizing videos for websites for faster streaming, improved user experience, and lower video streaming costs using a sample React application and live examples. We will start with optimizing progressive video streaming with WebM format/VP9 codec, and also explore Adaptive Bitrate Streaming alongside practical optimization strategies for various use cases. Code repository - https://github.com/imagekit-samples/v... ImageKit.io's Video API (https://imagekit.io/video-api) is used for demonstration, but the concepts can be applied using any video processing tool to optimize videos for websites and apps. Chapters 00:00:00 Introduction 00:00:28 Basic principles of video optimization 00:01:55 Sample application 00:03:45 Using a CDN for video delivery optimization 00:05:54 Compressing a video (codec + bitrate) 00:10:38 Resizing a video (reduce resolution) for optimization 00:13:21 Removing audio track to reduce size 00:15:11 Progressive vs Adaptive Bitrate Streaming Introduction 00:20:32 Adaptive Bitrate Streaming for video optimization 00:25:23 Adapt video resolution in ABS 00:28:55 Do you really need Adaptive Bitrate Streaming? 00:32:15 Lazy loading videos 00:37:48 Control preload of videos in progressive and adaptive streaming 00:42:44 Pausing a video when not being viewed 00:46:05 Conclusion