Skip to content

RESOURCES / BLOG

Blog - Page: 108

Get the latest news on the Cloudinary platform, solutions, and showcases.

Detecting face landmarks and add filters overlays

Topics Guest Post, JAMStack, Javascript, Next.js, Transform, Under Review
Read Time

Introduction We’ve all seen those cool Snapchat and Instagram filters that usually go over a person’s mouth or nose or eyes. This is made possible by machine learning and some clever image positioning. In this tutorial, we’ll be using face-api.js, to detect face landmarks and cloudinary to overlay…

Audio waveform data to video with Next.js

Topics Guest Post, Next.js, Under Review, Video
Read Time

Introduction Let’s create a video visualization of an audio using it’s waveform data. We’re going to be using nodejs-audio-visualizer, Cloudinary and Next.js. Codesandbox The final project can be viewed on Codesandbox. Prerequisites and setup This tutorial assumes you have a working knowledge of javascript and that…

Real Time Communication Web App

Topics Guest Post, JAMStack, Next.js, Under Review, Video, WebRTC
Read Time

Introduction This article is to demonstrate how to build a webrtc app using next js and firebase API. The application will use peer to peer protocol to ensure real-time video and audio communication. The connection will use firebase as a third-party server to signal and store data for stream negotiation.

Before Starting DAM RFPs, Think About Use Cases First, Not Features

Topics Asset Management, Digital Asset Management
Read Time

In today’s digital age, businesses must deliver to all viewing devices visual media that tells their brand’s story. To do so, the digital content must be in one place as the single source of truth for use by the entire organization. Additionally, syndicating an ever-growing library of media assets for…

Build a Responsive Video Playlist with Next.js

Topics Guest Post, Next.js, Responsive, Under Review, Video
Read Time

Cloudinary provides various tools for creating, managing, and optimizing visual experiences, including a javascript-based HTML5 video player. In this article, we’ll build a responsive and optimized video playlist application using Next.js and Cloudinary. We’ll go through getting our video assets from Cloudinary using the Node.js SDK and embedding the Cloudinary…

Build Customized Video Players with React

Topics Guest Post, HTML5, React, Under Review, Video
Read Time

Do you need to add a video player to your website? Cloudinary offers various solutions that make it easy to build and personalize video galleries or video playlists with as many videos as you like. In this post, we will go through how to add two types of video players…

Winners of Build the World with Dolby.io Hackathon: Innovative Developers and Engaging Apps

Topics Hackathon, Image Transformation, Video API, Video Transformation
Read Time

In November 2021, Cloudinary teamed up with Dolby.io to participate in their Build the World With Dolby.io Hackathon aimed at sparking spectacular and innovative hybrid audio- and video-conference experiences. Invited were developers and creators from around the world to compete for a prize pool valued at over…

Create a holiday card generator in Nuxt.js

Topics Guest Post, Image, NuxtJS, Under Review, Vue
Read Time

Greeting cards are pieces of stiff paper or thin cardboard with text, illustrations, or photos, given on special occasions such as birthdays, anniversaries, holidays, e.t.c. This post will discuss building a holiday card generator for the Harvest Month, Thanksgiving, and Diwali holidays using Cloudinary and Nuxt.js. At the…

Rendering Video Accessible to a Diverse Audience

Topics Accessibility, Video, Video API
Read Time

“Holistic accessibility … provide[s] people with disabilities the best chance to achieve equality.” — Sheri Byrne-Haber As digital technology advances, video is gaining popularity across industries, replete with entertaining, engaging, and coherent content. All too often, however, not everyone can access it for various reasons. Built-in accessibility for video, which…

Start Using Cloudinary

Sign up for our free plan and start creating stunning visual experiences in minutes.

Sign Up for Free