Intégrer le flux en direct d'une caméra sur un site web
Apprenez comment intégrer le flux en direct d'une caméra sur votre site web
Les caméras Verkada vous permettent d’intégrer un flux 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.
Une fois qu’un lien d’intégration est créé, l’accès peut être révoqué à tout moment.
Créer un lien d’intégration
Dans Verkada Command, allez dans All Products > Cameras.
Accédez au flux de la caméra que vous souhaitez intégrer sur votre site web.
À droite du cadre, cliquez sur Share.
Cliquez sur More options et sélectionnez Embed Code.
Saisissez le(s) domaine(s) sur lesquels vous souhaitez autoriser la lecture vidéo.
Cliquez sur Add Domain > Embed Link pour générer le code d’intégration (ajouté automatiquement au presse-papiers).
Les jokers sont acceptés (par exemple, *.yourdomain.com). Si votre domaine est yourdomain.com, vous n’avez pas besoin du joker précédent et pouvez simplement utiliser yourdomain.com. Cependant, si votre domaine est yoursubdomain.yourdomain.com, vous pouvez utiliser le joker pour spécifier le sous-domaine.
Gérer les liens d’intégration existants
Dans Verkada Command, allez dans All Products > Admin.
Sous Org Settings, sélectionnez Manage Shared Links.
Sélectionnez l’onglet Embedded.
Sélectionnez un domaine et cliquez sur l’icône Copy Embed pour copier le code d’intégration ou cliquez sur Revoke Embed pour révoquer l’accès à l’intégration.
Redimensionner les flux vidéo intégrés
Les flux caméra intégrés peuvent être redimensionnés sur votre page web en ajustant les attributs width, height et widescreen.
Lorsque vous redimensionnez une intégration, veillez à conserver les mêmes proportions largeur/hauteur, comme indiqué ci‑dessous.
Afficher l’intégration en mode grand écran
Pour que l’intégration apparaisse en grand écran, utilisez le ?widescreen=1 paramètre dans l’URL, comme indiqué :
L’intégration à gauche est standard, tandis que celle à droite a le widescreen=1 paramètre de requête :
Lorsqu’un utilisateur charge une page web contenant un flux en direct intégré par Verkada, la page charge l’URL de l’intégration dans une iframe.
Le cadre en ligne (iframe) apparaît comme un écran noir si le site 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
Trouver le site référent afin que vous puissiez spécifier un nom de domaine correspondant lors de la création de l’intégration.
Placez la nouvelle intégration sur votre site web.
Trouver le site référent
Sur la page web où vous avez placé l’intégration, faites un clic droit dans votre navigateur et sélectionnez Inspect. Ce sera un écran noir car l’intégration ne se chargera pas.
En haut, cliquez sur Network.
Dans la barre de recherche/filtre, tapez embed (filtrer les requêtes liées à l’intégration).
Cliquez sur la requête avec l’identifiant alphanumérique, qui devrait avoir un format similaire à l’exemple ci‑dessous.
Dans la section Request Headers, trouvez la Referrer URL. C’est l’URL/le domaine que vous devez mettre dans Verkada Command. (Vous n’avez besoin que du domaine de niveau supérieur, par exemple .com. Dans l’exemple, le domaine référent est verkadasupport.com.)
Si vous ne voyez pas immédiatement le embed.html, cliquez sur Refresh pour recharger la page.
Recréer l’intégration en utilisant le bon nom de domaine
Dans Verkada Command, allez dans All Products > Cameras.
Sélectionnez la caméra et cliquez sur Share.
Sélectionnez More options > cliquez sur Embed Code et saisissez votre domaine référent.
Cliquez sur Embed Link.
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.
Allez dans le portail Admin de votre site.
Collez l’iframe HTML d’intégration à l’endroit où vous souhaitez que l’intégration apparaisse sur votre site.
Enregistrez et ouvrez le site et vérifiez que cela fonctionne.
Mis à jour
Ce contenu vous a-t-il été utile ?