Skip to content

RESOURCES / BLOG

Blog - Page: 101

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

How to add a YouTube Video Player

Topics Angular, Guest Post, Player Video, Under Review, Video
Read Time

YouTube is, without any doubt, one of the most popular websites for video-sharing today. It’s really easy to upload any video format and share it with your friends. Also, the YouTube team provides an API Reference to let you embed a YouTube video on any website and, of course,…

Extracting text from video using Tesseract

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

Introduction In this article, we create a web application that captures texts from the video as well as the ability to back up your videos to Cloudinary for future reference. To test the final demo you can download and use this video Codesandbox The final project demo is available…

Handling image uploads with PostgreSQL

Topics GraphQL, Guest Post, Image, JAMStack, React, Under Review
Read Time

Intro There are a lot of new JAMStack frameworks that are appearing on the scene. You have NextJS, Eleventy, React Static, and a bunch of others. One thing that’s missing from these frameworks is the ability to work with databases in your web app. That’s where RedwoodJS comes in. It’s…

How to implement YouTube Post Video Transitions

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

Transitions have solidified themselves as an important part of web applications, as they have been used in different ways to capture users’ attention. They, however, have also been known to be a little tricky to implement. This problem has been mitigated by the release of UI libraries over the years.

Generating Alt Text for Images

Topics Guest Post, Image, React, Under Review
Read Time

Every image should have some descriptive alt text so that our content stays as accessible as we can make it. That’s why it’s a good idea to start with accessibility in mind every time you write code. So we’ll create a way to add automatically add this text to our…

Data Visualization using Chart.js

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

Introduction Chart.js is an amazing JS library that helps with the visualization of data through different types of charts and graphs. In this tutorial, we’re going to be generating images of the charts/graphs from the Chart.js JS library and combining them into one image using Next.js and…

E-commerce Product Variant Customization

Topics Guest Post, Image, React, Transform, Under Review
Read Time

In modern e-commerce applications, customers demand tailor-made products and the ability to customize their shopping experience for products. With product variant customizations, customers can personalize the products themselves in online stores, exactly how they want them before purchase. This post outlines how to create a customizable product component on a…

Embedding video playlists

Topics Guest Post, NuxtJS, Player Video, Under Review, Video
Read Time

Objective HTML allows us to easily embed video players on web pages, video playlists, however, is outside of the scope of the standard video element. This is regardless of the fact that for media-intensive applications, organizing our videos into playlists is priceless. Let us explore how we can add video…

Featured Image with MDX and Gatsby

Topics GatsbyJS, GraphQL, Guest Post, Image, JAMStack, Optimize, Sharp, Under Review
Read Time

MDX, the powerful authoring format that lets you write JSX content inside of your markdown content, is an amazing tool to deliver interactive experiences to your readers. What is MDX? You can learn more by checking the official site and/or this youtube video. MDX is compatible…

Start Using Cloudinary

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

Sign Up for Free