# Intégrer le flux en direct d’une caméra sur un site Web

Les caméras Verkada vous permettent d’intégrer un flux vidéo en direct d’une caméra sur votre site web. L’intégration est un extrait de code de cadre en ligne (iframe) compatible avec n’importe quelle page web.

{% hint style="warning" %}
Une fois qu’un lien d’intégration est créé, l’accès peut être révoqué à tout moment.
{% endhint %}

***

## Créer un lien d’intégration

{% stepper %}
{% step %}
**Dans Verkada Command, allez à Tous les produits > Caméras.**
{% endstep %}

{% step %}
**Accédez au flux vidéo de la caméra que vous souhaitez intégrer sur votre site web.**
{% endstep %}

{% step %}
**Sur le côté droit du cadre, cliquez sur Partager.**

* Lisez les conditions d’utilisation du partage vidéo. Si vous acceptez, cliquez sur **J’accepte.** 
* En bas à gauche, cliquez sur **Plus d’options > Code d’intégration.**
* Saisissez le(s) domaine(s) sur lequel/lesquels vous souhaitez autoriser la lecture de la vidéo.
* Cliquez sur **Lien d’intégration > Terminé.**

{% hint style="warning" %}
Le lien est automatiquement ajouté au presse-papiers.
{% endhint %}
{% endstep %}
{% endstepper %}

{% hint style="info" %}
Les caractères génériques sont acceptés (par exemple, *\*.yourdomain.com*). Si votre domaine est *yourdomain.com*, vous n’avez pas besoin du caractère générique précédent et pouvez simplement utiliser *yourdomain.com*. Toutefois, si votre domaine est *yoursubdomain.yourdomain.com*, vous pouvez utiliser le caractère générique pour préciser le sous-domaine.
{% endhint %}

***

## Gérer les liens d’intégration existants

{% stepper %}
{% step %}
**Dans Verkada Command, allez à Tous les produits > Admin.**
{% endstep %}

{% step %}
**Sélectionnez Connexion et accès > Gérer les liens partagés.**
{% endstep %}

{% step %}
**Sélectionnez l’onglet Intégré.**
{% endstep %}

{% step %}
**Sur le côté droit de votre lien :**

* Cliquez sur <i class="fa-code">:code:</i> pour coder le code d’intégration.
* Cliquez sur <i class="fa-trash-can" style="color:red;">:trash-can:</i> pour révoquer l’intégration.

{% endstep %}
{% endstepper %}

***

## Redimensionner les flux vidéo intégrés

Les flux vidéo de caméra intégrés peuvent être redimensionnés sur votre page web en ajustant les attributs de largeur, de hauteur et de grand écran.

{% hint style="warning" %}
Lorsque vous redimensionnez une intégration, veillez à conserver le même rapport largeur/hauteur, comme indiqué ci-dessous.
{% endhint %}

<div align="left"><img src="/files/6b176a5b7626de7517503b11daae9aa04eb35ace" alt=""> <img src="/files/1aa4cd2a6437fddf812cf9620043ba612313941b" alt=""></div>

***

## Afficher l’intégration en grand écran

Pour que l’intégration apparaisse en grand écran, utilisez le **`?widescreen=1`** paramètre dans l’URL, comme indiqué :

<div align="left" data-with-frame="true"><img src="/files/ca2c3c419f828383c118fefb61e75970003b3af4" alt=""></div>

L’intégration de gauche est standard, tandis que celle de droite comporte le paramètre de requête **`widescreen=1`** :

<div align="left" data-with-frame="true"><img src="/files/3d3d609bc78a30d9923c77c613471980c046f0e3" alt=""></div>

***

Lorsqu’un utilisateur charge une page web contenant un flux vidéo en direct intégré Verkada, la page charge l’URL de l’intégration dans un iframe.

{% hint style="warning" %}
Le cadre en ligne (iframe) apparaît sous forme d’écran noir si le site web référent ne correspond pas au nom de domaine spécifié lors de la création de l’intégration.
{% endhint %}

***

## Résoudre les intégrations qui ne se chargent pas

{% stepper %}
{% step %}
[**Trouver le site web référent**](#find-the-referring-website) **afin que vous puissiez spécifier un nom de domaine correspondant lors de la création de l’intégration.**
{% endstep %}

{% step %}
[**Recréer l’intégration à l’aide du bon nom de domaine**](#recreate-the-embed-using-the-correct-domain-name)**.**
{% endstep %}

{% step %}
**Placez la nouvelle intégration sur votre site web.**
{% endstep %}
{% endstepper %}

### Trouver le site web référent

{% stepper %}
{% step %}
**Sur la page web où vous avez placé l’intégration, cliquez avec le bouton droit dans votre navigateur et sélectionnez Inspecter. L’écran sera noir car l’intégration ne se chargera pas.**
{% endstep %}

{% step %}
**En haut, cliquez sur Réseau.**
{% endstep %}

{% step %}
**Dans la barre de recherche/filtre, tapez "embed" (pour filtrer les requêtes liées à l’intégration.**
{% endstep %}

{% step %}
**Cliquez sur la requête avec l’ID alphanumérique, qui devrait avoir un format similaire à l’exemple ci-dessous.**
{% endstep %}

{% step %}
**Dans la section En-têtes de requête, recherchez l’URL du référent. C’est l’URL/le domaine que vous devez saisir dans Verkada Command. (Vous n’avez besoin que du domaine de premier niveau, comme .com. Dans l’exemple, le domaine référent est verkadasupport.com.)**

<div align="left" data-with-frame="true"><figure><img src="/files/1b22acb8a503dbee529b4460205f223466fe7349" alt=""><figcaption></figcaption></figure></div>
{% endstep %}
{% endstepper %}

{% hint style="warning" %}
Si vous ne voyez pas immédiatement **embed.html**, cliquez sur **Actualiser** pour recharger la page.
{% endhint %}

### Recréer l’intégration à l’aide du bon nom de domaine

{% stepper %}
{% step %}
**Dans Verkada Command, allez à Tous les produits > Caméras.**
{% endstep %}

{% step %}
**Sélectionnez la caméra et cliquez sur Partager.**
{% endstep %}

{% step %}
**Sélectionnez Plus d’options > cliquez sur Code d’intégration et saisissez votre domaine référent.**
{% endstep %}

{% step %}
**Cliquez sur Lien d’intégration.**
{% endstep %}
{% endstepper %}

### Placer une nouvelle intégration sur votre site web

{% stepper %}
{% step %}
**Copiez le nouveau lien d’intégration que vous venez de créer dans la procédure précédente.**
{% endstep %}

{% step %}
**Accédez au portail Admin de votre site.**
{% endstep %}

{% step %}
**Collez l’iframe d’intégration HTML à l’endroit où vous souhaitez que l’intégration apparaisse sur votre site.**
{% endstep %}

{% step %}
**Enregistrez et ouvrez le site, puis assurez-vous qu’il fonctionne.**

<div align="left" data-with-frame="true"><img src="/files/fe76af36aea57a14572568f561a65d2569aaa3cc" alt=""></div>
{% endstep %}
{% endstepper %}


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://help.verkada.com/verkada-cameras/fr/diffusion-et-partage-video/embed-a-cameras-live-stream-on-a-website.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.