Documentation de l’API Clipchamp

Pour commencer

Installer et personnaliser vos instances d’API, découvrir et paramétrer toutes les options de configuration. Tous les paramètres sont listés sur la gauche. Ajouter ceux que vous souhaitez utiliser dans le script pour chaque bouton intégré dans votre site. Remarque : les différents boutons peuvent avoir des paramètres différents. Certaines options ne sont disponibles que dans les plans supérieurs.

Vous n’êtes pas encore un client API ? La période d’essai donne accès à toutes les fonctionnalités de l’API dans le plan Business. Vous pouvez passer à un autre plan à tout moment.

Commencer maintenant une période d’essai gratuit de 14 jours

 

Étape 1

Installer l’API avec l’assistant d’installation ou a href= »https://util.clipchamp.com/fr/api-settings/basic »>manuellement dans vos paramètres API.
Ensuite, copier et coller cette ligne dans la head section des sites web dans lesquels vous allez intégrer les boutons Clipchamp.

<script type="text/javascript" src="https://api.clipchamp.com/Your API key goes here/button.js"></script>

Le module de l’interface utilisateur, d’enregistrement et de transcodage est téléchargé dès que le premier bouton est intégré dans une page. Vous pouvez opter pour commencer le téléchargement à tout moment en appelant la fonction preload.

<script type="text/javascript"> clipchamp.preload(); </script>

Étape 2

Utiliser ce code snippet pour injecter un bouton Clipchamp dans un élément de votre site web. Vous pouvez intégrer plus de 1 bouto sur une seule page et vous pouvez également intégrer les boutons sur plusieurs pages de vos sites web.

<!-- add a wrapper element into the document... -->
<script type="text/javascript">
    // ...or dynamically inject at least one wrapper element into the document 
    var element = ...; 
    clipchamp(element[, options]); 
</script>

Si vous utilisez jQuery dans votre site, l’API vidéo Clipchamp est également accessible en plug-in jQuery :

<!-- add a wrapper element into the document... -->
<script type="text/javascript"> 
    // ...or dynamically inject at least one wrapper element into the document 
    $(selector).clipchamp([options]); 
</script>