Videojs reference framebyframe method4/29/2023 ![]() ![]() In this example, the first one is for the marker text and the second one, for the marker’s start time.Īlso, the Cloudinary API contains tags I didn’t need because my video depicted a kitchen, a bedroom, and a living room only.For many years now I have been progressing a deeper view of video on the Web than just as a binary blob. The Cloudinary API returns objects with six values, of which I needed only two: tag and start_time_offset. The examples on their site show that, to add a marker, you must specify several objects, each of which comprising two values: the time at which the marker should appear and the description (text). I rendered video markers with Videojs-markers. See how masterfully Cloudinary delivers a rundown of video content? The next section will show you how to create navigation markers with the tags in the response. Here’s a selected portion of the response for my video: [ Running this code gives you all the information on the content detected in your video. I created the uploadVideo.js file, which references the common.js file and invokes the upload function from the Cloudinary SDK: var common = require('./common.js') Ĭ('./video/house.mp4', ,ĬategorizationData = result I created the common.js module, into which I imported the npm package and then configured the API credentials: var cloudinary = require('cloudinary').v2 ĥ. As a first step for using Cloudinary’s Node.js SDK, I installed the Cloudinary npm package with this command: npm install cloudinaryĤ. Now I have everything I need to start coding.ģ. I went back to the dashboard to note my cloud name and API credentials: You manage add-ons through the Cloudinary website, as shown below:Ģ. I signed up for a free Cloudinary account and enabled the Google Automatic Video Tagging add-on, the underlying Cloudinary service for automatically tagging videos. I then created a simple real-estate video with iMovie to render those pictures, each one spanning four seconds, resulting in a 12-second video ( see video on GitHub).ġ. For a reasonable simulation of this example, I first downloaded three pictures from Unsplash, which depict the kitchen, bedroom, and living room. You probably have someone on your team creating videos. Uploading, Tagging, and Storing Video Files How do you do all that without creating a patchwork of separate tools and services? Last, you must optimize videos for fast rendering through the website or app. ![]() You might also need to implement ratings and feedback capabilities. Often, you must share videos through URLs and controlled access. ![]() On top of that, the files must be manageable and organizable. Edge deployment and content caching for serving video.Processing and editing, such as blurring and applying various digital filters.Upload and storage of large video files.Doing that for a self-service web app, however, means that you must tackle these challenges: For a desktop app, it’s fairly straightforward. It’s a bit like processing images, but you’d be processing a bunch of images all linked together. What goes into the process of auto-tagging videos?įirst, you must analyze the video, frame by frame, to select and tag objects in the frame. Uploading, Tagging, and Storing Video Files.This article steps you through the procedure in the following sections: Your site visitors would greatly welcome the convenience and ease with which they can steer through your app’s videos and locate the specifics that interest them. Automating those tasks would result in tremendous savings in time and labor.Ĭheck out cloud-based services like Cloudinary for a smooth, automated process along with advanced capabilities. Traditionally, you as web developers implement that enhancement with software by manually navigating through linear video to add markers and navigation points. Linear video is helpful, but enhancing it to enable navigation like in an image gallery and go directly to the points of interest is a big plus. Of significance, video can offer pertinent details about a property before potential customers begin the process of working with a real-estate agent on visits and so forth. Make no mistake, visual media wields a huge influence in the real-estate industry by offering an idyllic picture of a visitor’s forever home. Images and videos impart a real sense of involvement with a purchase-a car, a vacation getaway, an apartment rental-setting your business apart from the competition. That’s why online stores rely on rich media to promote products and sales. James McQuivey of Forrester Research, is worth 1.8 million words. A picture is worth a thousand words, and that also holds true for video, one minute of which, according to Dr. ![]()
0 Comments
Leave a Reply.AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |