How to Detect and Localize Logos in a Video with JavaScript?
Tags: ai, api, javascript, logodetection
Published: 2023-06-16 16:11:46

*In this tutorial, you will learn how to use Video Logo Detection API in 5 minutes using JavaScript. Eden AI provides an easy and developer-friendly API that allows you to detect logos in videos.*

‍

## **What is [Video Logo Detection](http://www.edenai.co/feature/logo-detection?referral=how-to-video-logo-detection-javascript)?**

Video Logo Detection is a technology that uses Machine Learning and Computer Vision techniques to identify logos and brand elements in video content. The API can track the number of logo appearances, returning timestamps and size of detected logos.

![Image description](https://uploads-ssl.webflow.com/61e7d259b7746e3f63f0b6be/646c9a6c11852199b90ee008_video%20Logo%20Detection.webp)

This technology can be customized to detect specific logos by training it on custom datasets. It can be integrated with other technologies such as Object Detection, Facial Recognition and Text Recognition to provide a more detailed analysis of the image. It can also be used to track brand mentions, measure advertising impact, and monitor brand identity usage.

‍

## **Get Started with Video Logo Detection API using JavaScript**

The first step is to set Axios, a promise-based HTTP client for the browser and Node.js, that will allow you to call Eden AI API.

![Image description](https://uploads-ssl.webflow.com/61e7d259b7746e3f63f0b6be/638f08881993bd518d9ca0cc_carbon(3).png)

‍

Next, you'll need to initialize the File System module in order to access local files on your computer.

![Image description](https://uploads-ssl.webflow.com/61e7d259b7746e3f63f0b6be/638f088e8cc139623cbbce22_carbon(2).png)

‍

Finally, you'll need to create your multipart/formdata parameters form:

![Image description](https://uploads-ssl.webflow.com/61e7d259b7746e3f63f0b6be/638f09b0a3de914651c26a15_formdata.png)

‍

## **How to use Logo Detection API with JavaScript**

You are now ready to process your video file into Eden AI Video Logo Detection API. You can access the list of languages supported in our documentation [here](https://docs.edenai.co/reference/image_logo_detection_create?referral=how-to-video-logo-detection-javascript).

‍

### **1. Get a Video Logo Detection API Key on Eden AI**

To perform Logo Detection in videos, you just need to create an account on [Eden AI](https://app.edenai.run/user/register?referral=how-to-video-logo-detection-javascript) for free. Then, you will be able to get your **API key** directly from the homepage with free credits offered by Eden AI.


![Get your API key for FREE on Eden AI](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/boi8114v5eoo0c4v6dh0.png)

**[Get your API key for FREE on Eden AI](Get your API key for FREE on Eden AI)**

### **2. Let’s Detect Logos in your Video File**

Now that you have initialized the required JavaScript modules and got your API key, you will be able to detect logos in videos. With Eden AI, you can choose from a wide range of engines you want for Video Logo Detection. You can access the list of Video Logo Detection providers available on Eden AI directly on our [documentation](https://docs.edenai.co/reference/video_logo_detection_async_create?referral=how-to-video-logo-detection-javascript).

‍

Here is the JavaScript code to add the form data parameters values for your request:

![Image description](https://uploads-ssl.webflow.com/61e7d259b7746e3f63f0b6be/63934ca4c626f302ab77bdac_carbon(49).png)

‍

Once the parameters values are passed, you can configure your request:

![Image description](https://uploads-ssl.webflow.com/61e7d259b7746e3f63f0b6be/63934cacf67cb331a97d3336_carbon(50).png)
‍

Then, you need to create launchJob() function that will execute POST request:

![Image description](https://uploads-ssl.webflow.com/61e7d259b7746e3f63f0b6be/639317be6d8df4260a9af1b0_carbon(23).png)

‍

Finally, you have to create the getJob() function that will execute GET request with the Job ID of your POST request:

![Image description](https://uploads-ssl.webflow.com/61e7d259b7746e3f63f0b6be/63934cb6100ead1d7dcf6835_carbon(51).png)

‍

You will first get this response:

![Image description](https://uploads-ssl.webflow.com/61e7d259b7746e3f63f0b6be/63468b71bcd332585a894d57_table-get-process.png)

‍

Once the request is done (status : finished), you will be able to get the result for Logo Detection task:

![Image description](https://uploads-ssl.webflow.com/61e7d259b7746e3f63f0b6be/634695a04b362e327e34a46c_logo-video-get-response.png)

‍

## **Benefits of using Video Logo Detection API with Eden AI**

Using Video Logo Detection with Eden AI API is quick and easy.



![Multiple AI engines in one API](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ijo6mi8q8nzfg6p9n68l.gif)

### **Save time and cost**

We offer a unified API for all providers: simple and standard to use, with a quick switch between providers and an access to the specific features of each provider.

‍

### **Easy to integrate**

The JSON output format is the same for all suppliers thanks to Eden AI's standardisation work. The response elements are also standardised thanks to Eden AI's powerful matching algorithms.

‍

### **Customization**

With Eden AI you have the possibility to integrate a third-party platform: we can quickly develop connectors. To go further and customize your Video Logo Detection request with specific parameters, check out our [documentation.](https://docs.edenai.co/reference/video_logo_detection_async_create?referral=how-to-video-logo-detection-javascript)

‍

**[Create your Account on Eden AI](https://app.edenai.run/user/register?referral=how-to-video-logo-detection-javascript)**