In the past year I showed you how great Cloudinary is for media distribution, optimization, image filters and transformations, Vue and React; whatever the task is, Cloudinary has covered you. Today I share with pleasure that Cloudinary has a gigantic new feature announcement: a complete video solution.
The video solution from Cloudinary offers:
- An end-to-end video management solution that enables developers to simplify the workflow for using video on the web and mobile applications.
- The integrated API that supports the entire video lifecycle, from uploading video in any format from any device to backup with backup and revision history, real-time transcoding, and the-fly manipulations to fit different screen layouts and design requirements, adaptive bitrate streaming, global distribution, monetization and analysis
- Developer friendly video player with customized looks and feel
- Automatic transcript of video & # 39; s for autoplay on mute
- Automatic tagging
- Live streaming of internet and mobile devices
Cloudinary allows you to stream video in any format and format (4K, Full HD, HD, SD). With those adjustments, along with bandwidth and CPU capacity detected from the client computer, Cloudinary can intelligently control the video content that best fits all these options:
var cld = cloudinary.Cloudinary.new () // Initialize player var player = cld.videoPlayer (& # 39; example player & # 39;) // Change the player and play. player.source (& # 39; oceans & # 39 ;, ). play ();
Also remember that Cloudinary offers optimized delivery of servers around the world, so that your video plays fast from that first delivery via the video stream itself!
Creating playlists is a great way to organize your video content and move your viewers on a path of media, whether it's following educational courses or simply chronologically viewing them. Using the playlist function of the Cloudinary video solution is as easy as adding objects to an array:
// Define playlist sources var source1 = ; var source2 = ; // Initialize player var player = cld.videoPlayer (& # 39; example player & # 39;); / * Automatically proceed to the next video after 0 seconds, repeat the playlist when the final video ends, and present next video for 5 seconds before the current video ends. * / player.playlist ([source1, source2], );
The video list is shown below the main video, with title, length and floating effects – a really stylish standard view for which you do not need any special work!
The recommended content feature is my favorite feature on video sites, especially from the perspective of a content provider; the "getting lost in YouTube" effect, that is, viewing more and more content, is a direct effect of recommended content functions. More games can become more conversions, followers and shares – and that's all right.
// Define playlist sources var source1 = ; var source2 = ; // Recommendations can be as simple as a series of others // video source objects source1.recommendations = [source2] // For retrieving recommendations by async // (eg retrieval from database), promises can be used source2.recommendations = new Promise ((resolve, _) => ) // Initialize player var player = cld.videoPlayer (& # 39; preview player & # 39 ;, ); player.source (Source1);
Just like creating playlists, making logical recommendations is easy!
Events and analysis
Collecting video display and progress information can provide insight into viewer habits, content effectiveness, or just a fun way to save where the user last stayed, so you can play a video from where they were the previous session stopped. You can play, pause, search, play with percentage and time-played events:
var player = cld.videoPlayer (& # 39; example-player & # 39 ;, ); // Change the player source . Player.source (& # 39; oceans) play ();
Saving and using this information can improve usability or serve the most popular content.
As with all media operated from Cloudinary, the video player and all accompanying media are super adaptable. From poster options, autoplay, video transformations, analyzes, controls, and so on, your video player and the media it displays, are adapted to your brand and taste. View the full list of available configuration options.
Cloudinary's new video player and its features are great – I have not seen a solution, including YouTube, that gives the user so much control over video playback and even lets you make your own recommendations per video. On top of all the other great features they offer, this new video solution contributes to an already great service.