Cloudinary lanza una solución de vídeo completa -

Durante el año pasado, les mostré lo increíble que es Cloudinary para la entrega, optimización, filtros y transformaciones de imágenes, Vue y React; Cualquiera que sea la tarea, Cloudinary lo tiene cubierto. Hoy me complace compartir que Cloudinary tiene un gran anuncio de nueva característica: una solución de video completa.

La solución de vídeo de Cloudinary cuenta con:

• Una solución de gestión de vídeo de un extremo a otro que permite a los desarrolladores simplificar el flujo de trabajo para utilizar vídeos en aplicaciones web y móviles.
• La API integrada que admite todo el ciclo de vida de los videos, desde la carga de videos en cualquier formato desde cualquier dispositivo, hasta el almacenamiento con respaldo e historial de revisión, transcodificación en tiempo real, manipulaciones sobre la marcha para adaptarse a diferentes diseños. de pantalla y requisitos de diseño, adaptativa. transmisión de velocidad de bits, distribución global, monetización y análisis
• Reproductor de vídeo amigable para desarrolladores con apariencia personalizada
• Transcripción automática de vídeos para reproducción automática en silencio
• Etiquetado automático
• Transmisión en vivo desde la web y dispositivos móviles

Como siempre, Cloudinary permite a los desarrolladores usar su API en una gran cantidad de lenguajes: Node.js, PHP, Python, JavaScript del lado del cliente, etc. ¡Echemos un vistazo a las funciones y cómo se usan!

Transmisión adaptativa

Cloudinary le permite transmitir vídeo en cualquier tamaño y formato (4K, Full HD, HD, SD). Con esas personalizaciones, junto con el ancho de banda y la capacidad de CPU detectados desde la máquina cliente, Cloudinary puede ofrecer de manera inteligente el contenido de video que mejor se adapta a todas esas capacidades:

var cld = cloudinary.Cloudinary.new({ cloud_name: 'cloud' })// Inicializar playervar player = cld.videoPlayer('example-player')// Modificar la fuente del reproductor y play.player.source('oceans' , { tipos de origen: ['hls'], transformación: { streaming_profile: 'hd' } }).play();

Recuerde también que Cloudinary proporciona entrega optimizada desde servidores de todo el mundo para que su video se reproduzca rápidamente desde esa entrega inicial a través de la transmisión de video en sí.

Crear listas de reproducción

Crear listas de reproducción es una excelente manera de organizar el contenido de su video y hacer que sus espectadores continúen a lo largo de una ruta de medios, ya sea a través de cursos educativos o una simple visualización cronológica. Usar la función de lista de reproducción de la solución de video de Cloudinary es tan fácil como agregar objetos a una matriz:

// Define Playlist Sourcesvar source1 = { publicId: 'oceans', info: { title: 'Oceans',subtitle: 'My Oceans Movie' } };var source2 = { publicId: 'book', info: { title: 'My Book',subtitle: 'Wonderful book movie' } };// Initialize playervar player = cld.videoPlayer('example-player');/* Auto advance to next video after 0 seconds,repeat the playlist when final video ends,and present upcoming video 5 secondsbefore the current video ends. */player.playlist([source1, source2],{ autoAdvance: true, repeat: true, presentUpcoming: 5 });

The video listing displays under the main video, showing title, length, and hover effects — a really classy default view that requires no special work from you!

Recommended Content

The recommended content feature is my favorite feature in video sites, especially from a content provider perspective; the “getting lost in YouTube” effect, i.e. watching more and more content, is a direct effect of recommended content features. More plays can become more conversions, followers, and shares — all of which are a good thing.

// Define Playlist Sourcesvar source1 = { publicId: 'oceans', info: { title: 'Oceans',subtitle: 'My Oceans Movie' } };var source2 = { publicId: 'book', info: { title: 'My  Book',subtitle: 'Wonderful book movie' } };// Recommendations can be as simple as an array of other// video source objectssource1.recommendations = [source2]// For async fetching of recommendations// (e.g. fetching from database), promises can be usedsource2.recommendations = new Promise((resolve, _) = {        console.log('Going to database...');        setTimeout(() = {          console.log('Fetched source from database.', source1)          resolve([source1]);        }, 3000);      })// Initialize playervar player = cld.videoPlayer('example-player',{ autoShowRecommendations: true });player.source(source1);

Much like creating playlists, creating logical recommendations is really simple!

Events and Analytics

Collecting video view and progress information can provide insight into viewer habits, effectiveness of the content, or simply a nice way to store where the user last left off so you can play a video from where they left off last session.You can track video play, pause, seek, percentage played, and time played events:

var player = cld.videoPlayer('example-player', { Analytics: { // Habilitar eventos de análisis del reproductor: ['play', 'Pause', { type: 'percentsplayed', porcentajes: [10, 50, 75, 100 ] }, // Algunos eventos pueden tener configuraciones adicionales 'Inicio', 'Finalizado'] }});// Modificar reproductor sourceplayer.source('oceans').play();

Almacenar y utilizar esta información puede ayudar a mejorar la usabilidad o ofrecer el contenido más popular.

Configuración del jugador

Al igual que con todos los medios utilizados desde Cloudinary, el reproductor de video y cualquier medio asociado a él es súper personalizable. Desde opciones de póster, reproducción automática, transformaciones de video, análisis, controles, etc., su reproductor de video y los medios que ofrece se personalizarán según su marca y sus gustos. Consulta la lista completa de opciones de configuración disponibles.

El nuevo reproductor de video de Cloudinary y sus características son increíbles: no he visto ninguna solución, incluido YouTube, que le dé al usuario tanto control sobre la visualización del video e incluso le permite crear sus propias recomendaciones por video. Además de todas las otras funciones increíbles que ofrecen, esta nueva solución de video se suma a un servicio que ya es increíble.