Comment générer des vidéos à l'aide de JavaScript

Bienvenue dans notre tutoriel complet sur la génération de vidéos à partir de texte à l'aide de JavaScript !

Que vous créiez du contenu vidéo dynamique, que vous développiez des vidéos éducatives ou que vous exploriez le potentiel créatif de la génération de vidéos pilotée par l'IA, ce didacticiel vous fournira les connaissances et les outils dont vous avez besoin pour donner vie visuellement à vos idées textuelles.

‍

Qu'est-ce que Génération vidéo ?

Génération vidéo vous permet de créer sans effort du contenu vidéo époustouflant à partir de texte ou d'images, transformant ainsi vos idées en histoires visuelles captivantes.

Que vous cherchiez à produire des vidéos promotionnelles, du contenu éducatif ou des animations créatives, cet outil transforme vos concepts en vidéos attrayantes de haute qualité avec un minimum d'effort.

‍

Implémentation de la génération vidéo en JavaScript

Accédez à l'API Eden AI

1. Avant de mettre en œuvre la génération de vidéos, vous devez accéder à l'API Eden AI. Visitez Eden AI et créez un compte. Une fois inscrit, accédez à la section API pour obtenir votre clé API. Cette clé vous donnera accès à un large éventail de services d'IA, y compris la comparaison de visages.

2. Accédez à Generative Technologies — Une fois connecté, rendez-vous dans la section Generative AI de la plateforme.

3. Choisissez la génération vidéo : sélectionnez la fonction de génération vidéo ou explorez d'autres options en fonction de vos besoins.

‍

Modèles de test en direct sur Eden AI

‍Eden AI propose une interface permettant de tester différents modèles d'IA avant l'intégration, vous aidant ainsi à déterminer quel fournisseur répond le mieux à vos besoins.

‍

Installez le module de requêtes de JavaScript

Pour commencer, vous devez installer les bibliothèques JavaScript nécessaires pour effectuer des requêtes HTTP. Dans ce cas, nous utiliserons Axios, un client HTTP basé sur des promesses qui simplifie les requêtes HTTP.

Pour installer Axios, exécutez la commande suivante dans votre terminal :

npm install axios

‍

Demande POST pour lancer un projet de génération vidéo

C'est dans cette phase que vous lancer la tâche de génération vidéo. La demande enverra les paramètres d'entrée à l'API Eden AI et l'API traitera la demande en fournissant un identifiant public pour suivre le travail.

La requête POST envoie les données dans Format JSON pour lancer la tâche de génération vidéo. Voici le code mis à jour pour envoyer la demande :

import axios from "axios";

const makeVideoRequest = async () => {
  try {
    const response = await axios.post(
      "https://api.edenai.run/v2/video/generation_async",
      {
        providers: "amazon",
        text: "Your prompt here"
      },
      {
        headers: {
          Authorization: "Bearer {your-API-Token}",
          "Content-Type": "application/json"
        }
      }
    );
    
    console.log(response.data);
    return response.data;
  } catch (error) {
    console.error("Error generating video:", error);
    throw error;
  }
};

// Call the function
makeVideoRequest();

‍

Demande Axios: Nous envoyons la requête POST en utilisant Axios au point de terminaison de génération vidéo. L'en-tête Authorization contient votre jeton d'API et le Content-Type est défini sur application/json, car nous envoyons des données JSON.

Objet de données : Le corps de la demande (données) contient :

• ‍fournisseurs: le fournisseur de génération vidéo (dans ce cas, Amazon).‍
• texte: invite textuelle qui décrit le type de vidéo que vous souhaitez générer.

Gestion des réponses: en cas de succès, la réponse contiendra des informations sur la tâche, y compris un public_id pour suivre l'état de la tâche.
‍

Demande GET pour récupérer les résultats d'une tâche

Après la requête POST, nous envoyons une requête GET pour vérifier l'état de la tâche de génération vidéo à l'aide du identifiant_public. L'en-tête Authorization contient votre jeton d'API et les paramètres de demande spécifient des options supplémentaires telles que response_as_dict, show_base_64 et show_original_response.

Une fois la tâche lancée, utilisez identifiant public renvoyée par la requête POST pour vérifier l'état de la tâche de génération vidéo. Voici le code pour récupérer les résultats de la tâche :

const getVideoJobResults = async (publicId) => {
  try {
    const response = await axios.get(
      `https://api.edenai.run/v2/video/generation_async/${publicId}/`,
      {
        headers: {
          Authorization: "Bearer {your-API-Token}"
        },
        params: {
          response_as_dict: true,
          show_base_64: true,
          show_original_response: false
        }
      }
    );
    
    console.log(response.data);
    return response.data;
  } catch (error) {
    console.error(`Error fetching job results for ID ${publicId}:`, error);
    throw error;
  }
};

// Example usage:
const checkJobStatus = async () => {
  try {
    // Replace "your-job-id-here" with the actual public_id you received from the generation request
    const results = await getVideoJobResults("your-job-id-here");
    
    // Process the results based on the status
    if (results.status === "success") {
      console.log("Video generation complete!");
      console.log("Video URL:", results.amazon?.video_url);
    } else if (results.status === "processing") {
      console.log("Video is still being generated...");
    } else {
      console.log("Video generation failed:", results.error);
    }
  } catch (error) {
    console.log("Something went wrong:", error.message);
  }
};

checkJobStatus();

‍

Gestion des réponses: Après avoir envoyé la requête GET, nous traitons la réponse :

• statut: indique si la tâche est réussie, en cours de traitement ou a échoué.
  
• url_vidéo: si la tâche est réussie, cette URL pointe vers la vidéo générée.
  
• erreur: si la tâche a échoué, le champ d'erreur contiendra des informations sur l'échec.

‍

Interprétation des résultats

Vous trouverez ci-dessous un exemple de sortie de ce que vous devriez obtenir :

{
  "status": "success",
  "amazon": {
    "video_url": "https://video-url.com/generated-video.mp4"
  }
}

‍

La réponse de l'API contient plusieurs champs :

statut : Cela indique l'état actuel de la tâche :

1. succès : la vidéo a été générée avec succès.
   
2. traitement : la vidéo est toujours en cours de génération.
   
3. échec : la génération de la vidéo a échoué.
   

url_vidéo: Si le statut est réussi, ce champ contient l'URL de la vidéo générée.

erreur: Si la tâche a échoué, ce champ contiendra un message d'erreur expliquant l'échec.

Dans ce cas, la génération de la vidéo a réussi et l'URL de la vidéo générée est fournie.

‍

Pourquoi Eden AI est le meilleur outil pour la génération de vidéos

Eden AI s'impose comme un outil de premier plan pour la génération de vidéos.

Plusieurs fournisseurs d'IA‍

Eden AI vous permet de choisir entre différents fournisseurs d'IA, tels qu'Amazon, pour la génération de vidéos. Cela garantit la flexibilité et la possibilité de choisir le service le mieux adapté à vos besoins.

Intégration facile‍

Eden AI simplifie l'intégration de la génération vidéo avancée dans vos projets grâce à une API et un processus d'authentification simples.

Rentabilité‍

Eden AI propose des plans tarifaires flexibles, garantissant que vous ne payez que ce que vous utilisez.

‍

Conclusion

Dans ce didacticiel, nous avons expliqué comment générer des vidéos à l'aide de l'API JavaScript d'Eden AI.

Nous avons discuté de Requête POST pour lancer la tâche de génération vidéo et Requête GET pour récupérer les résultats de la tâche. En suivant ces étapes, vous pouvez intégrer facilement la génération vidéo dans vos applications.

Eden AI fournit une plate-forme puissante et flexible pour la génération de vidéos, et avec seulement quelques lignes de code, vous pouvez intégrer cette fonctionnalité à vos propres projets.

Que vous créiez du contenu vidéo à des fins marketing ou éducatives, Eden AI propose une solution simple et rentable.