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

Découvrez comment intégrer et diffuser le flux en direct d’une caméra sur votre site Web

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

Une fois une intégration créée, l'accès peut être révoqué à tout moment.

Créer un lien d'intégration

Dans Verkada Command, accédez à Tous les produits > Caméras.

Accédez au flux vidéo de la caméra que vous souhaitez intégrer sur votre site Web.

Sur le côté droit du cadre, cliquez sur Partager.

Lisez les conditions générales de partage de la vidéo. Si vous les acceptez, cliquez sur J'accepte.
En bas à gauche, cliquez sur Plus d'options > Code d'intégration.
Saisissez le ou les domaines sur lesquels vous souhaitez autoriser la lecture de la vidéo.
Cliquez sur Lien d'intégration > Terminé.

Le lien est automatiquement ajouté au presse-papiers.

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. Cependant, si votre domaine est yoursubdomain.yourdomain.com, vous pouvez utiliser le caractère générique pour spécifier le sous-domaine.

Gérer les liens d'intégration existants

Dans Verkada Command, accédez à Tous les produits > Admin.

Sélectionnez Connexion et accès > Gérer les liens partagés.

Sélectionnez l'onglet Intégrés.

Sur le côté droit de votre lien :

Cliquez sur pour copier le code d'intégration.
Cliquez sur pour révoquer l'intégration.

Redimensionner les flux vidéo intégrés à diffuser

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 format grand écran.

Lorsque vous redimensionnez une intégration, veillez à conserver le même rapport largeur/hauteur, comme indiqué ci-dessous.

Afficher l'intégration en grand écran

Pour faire apparaître l'intégration en grand écran, utilisez le ?widescreen=1 paramètre dans l'URL, comme indiqué :

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

Lorsqu'un utilisateur charge une page Web qui contient un flux vidéo en direct Verkada à diffuser, la page charge l'URL de l'intégration dans un iframe.

Le cadre en ligne (iframe) apparaît comme un é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.

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

Trouvez le site Web référent afin que vous puissiez spécifier un nom de domaine correspondant lors de la création de l'intégration.

Recréez l'intégration avec le bon nom de domaine.

Placez la nouvelle intégration sur votre site Web.

Trouvez le site Web référent

Sur la page Web où vous avez placé l'intégration, faites un clic droit dans votre navigateur et sélectionnez Inspecter. L'écran sera noir, car l'intégration ne se chargera pas.

En haut, cliquez sur Réseau.

Dans la barre de recherche/de filtre, saisissez "embed" ( pour filtrer les requêtes liées à l'intégration.

Cliquez sur la requête avec l'ID alphanumérique, qui devrait avoir un format similaire à l'exemple ci-dessous.

Dans la section En-têtes de requête, trouvez 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.)

Si vous ne voyez pas immédiatement le embed.html, cliquez sur Actualiser pour recharger la page.

Recréez l'intégration avec le bon nom de domaine

Dans Verkada Command, accédez à Tous les produits > Caméras.

Sélectionnez la caméra et cliquez sur Partager.

Sélectionnez Plus d'options > cliquez sur Code d'intégration et saisissez votre domaine référent.

Cliquez sur Lien d'intégration.

Placer la nouvelle intégration sur votre site Web

Copiez le nouveau lien d'intégration que vous venez de créer dans la procédure précédente.

Accédez au portail Admin de votre site.

Collez l'iframe HTML d'intégration à l'endroit où vous souhaitez qu'elle soit sur votre site.

Enregistrez puis ouvrez le site et assurez-vous qu'il fonctionne.

Mis à jour il y a 2 mois

Ce contenu vous a-t-il été utile ?