banner 728x90

Cloudinary launches a complete video solution

In Mobile Web Development 34 views
banner 728x90

 Cloudinary Video

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

As always Cloudinary developers use their APIs in a large number of languages: Node.js, PHP, Python, client-side JavaScript, etc. Let's look at the functions and how they are used!

Adaptive streaming

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 ();

 Cloudary video

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!

Making playlists

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],
);

 Cloudary video

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!

Recommended content

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);

 Cloudary video

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 ();

 Cloudary video

Saving and using this information can improve usability or serve the most popular content.

Player configuration

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.


banner 728x90
author
Author: 
    Script & Style Show: Episode 1: Marc Grabanski
    Script & Style Show: Episode 1: Marc Grabanski
    During this second episode of the Script
    AWS AppSync region expansion and new functions for API keys
    AWS AppSync region expansion and new functions for API keys
    AWS AppSync, a managed GraphQL service with
    What is the best time to involve your mobile app users?
    What is the best time to involve your mobile app users?
    When talking to customers about mobile analysis,
    How to make a Twitter bot with Node.js
    How to make a Twitter bot with Node.js
    Twitter bots have been in the news

    Leave a reply "Cloudinary launches a complete video solution"

    Must read×

    Top