Den Livestream einer Kamera auf einer Website einbetten

Erfahren Sie, wie Sie einen Livestream einer Kamera auf Ihrer Website einbetten

Verkada-Kameras ermöglichen es Ihnen, einen Live-Stream einer Kamera auf Ihrer Website einzubetten. Der Einbettungscode ist ein Inline-Frame-(iframe)-Codeausschnitt, der mit jeder Webseite kompatibel ist.

Sobald eine Einbettung erstellt wurde, kann der Zugriff jederzeit widerrufen werden.

Erstellen Sie einen Einbettungslink

Navigieren Sie in Verkada Command zu Alle Produkte > Kameras.

Navigieren Sie zu dem Kamerafeed, den Sie auf Ihrer Website einbetten möchten.

Klicken Sie auf der rechten Seite des Fensters auf Teilen.

Lesen Sie die Bedingungen für die Videofreigabe. Wenn Sie einverstanden sind, klicken Sie auf Ich stimme zu.
Klicken Sie unten links auf Weitere Optionen > Einbettungscode.
Geben Sie die Domain(s) ein, für die Sie die Videowiedergabe autorisieren möchten.
Klicken Sie auf Einbettungslink > Fertig.

Der Link wird automatisch in die Zwischenablage kopiert.

Platzhalter sind zulässig (zum Beispiel *.yourdomain.com). Wenn Ihre Domain yourdomain.com ist, brauchen Sie den vorangestellten Platzhalter nicht und können einfach yourdomain.com. Allerdings, wenn Ihre Domain yoursubdomain.yourdomain.com ist, können Sie den Platzhalter verwenden, um die Subdomain anzugeben.

Vorhandene Einbettungslinks verwalten

Navigieren Sie in Verkada Command zu Alle Produkte > Admin.

Wählen Sie Anmeldung und Zugriff > Freigegebene Links verwalten.

Wählen Sie die Registerkarte Eingebettet.

Auf der rechten Seite Ihres Links:

Klicken Sie auf um den Einbettungscode zu codieren.
Klicken Sie auf um die Einbettung zu widerrufen.

Größe eingebetteter Videostreams ändern

Eingebettete Kamerafeeds können auf Ihrer Webseite durch Anpassen der Attribute für Breite, Höhe und Breitbildgröße geändert werden.

Wenn Sie eine Einbettung in der Größe ändern, achten Sie darauf, das Breite-zu-Höhe-Verhältnis beizubehalten, wie unten gezeigt.

Die Einbettung in Breitbild anzeigen

Damit die Einbettung im Breitbild angezeigt wird, verwenden Sie den ?widescreen=1 Parameter in der URL, wie gezeigt:

Die Einbettung links ist standardmäßig, während die Einbettung rechts den widescreen=1 Abfrageparameter hat:

Wenn ein Nutzer eine Webseite lädt, die einen von Verkada eingebetteten Live-Stream enthält, lädt die Seite die URL der Einbettung in einem iframe.

Der Inline-Frame (iframe) wird als schwarzer Bildschirm angezeigt, wenn die verweisende Website nicht mit dem Domainnamen übereinstimmt, der bei der Erstellung der Einbettung angegeben wurde.

Einbettungen beheben, die nicht geladen werden

Die verweisende Website finden damit Sie beim Erstellen der Einbettung einen passenden Domainnamen angeben können.

Die Einbettung mit dem richtigen Domainnamen neu erstellen.

Platzieren Sie die neue Einbettung auf Ihrer Website.

Die verweisende Website finden

Auf der Webseite, auf der Sie die Einbettung platziert haben, klicken Sie in Ihrem Browser mit der rechten Maustaste und wählen Sie Untersuchen. Dies wird ein schwarzer Bildschirm sein, da die Einbettung nicht geladen wird.

Klicken Sie oben auf Netzwerk.

Geben Sie in der Such-/Filterleiste "embed" ein, um nach einbettungsbezogenen Anfragen zu filtern.

Klicken Sie auf die Anfrage mit der alphanumerischen ID, die ein ähnliches Format wie das unten gezeigte Beispiel haben sollte.

Suchen Sie im Abschnitt Anforderungsheader die Referrer-URL. Dies ist die URL/Domäne, die Sie in Verkada Command eintragen müssen. (Sie benötigen nur bis zur Top-Level-Domain, z. B. .com. Im Beispiel ist die verweisende Domain verkadasupport.com.)

Wenn Sie nicht sofort das embed.htmlsehen, klicken Sie auf Aktualisieren um die Seite neu zu laden.

Die Einbettung mit dem richtigen Domainnamen neu erstellen

Navigieren Sie in Verkada Command zu Alle Produkte > Kameras.

Wählen Sie die Kamera aus und klicken Sie auf Teilen.

Wählen Sie Weitere Optionen > Einbettungscode und geben Sie Ihre Referrer-Domäne ein.

Klicken Sie auf Einbettungslink.

Neue Einbettung auf Ihrer Website platzieren

Kopieren Sie den neuen Einbettungslink, den Sie gerade im vorherigen Verfahren erstellt haben.

Gehen Sie zum Admin-Portal Ihrer Website.

Fügen Sie das HTML-Einbettungs-iframe an der Stelle ein, an der die Einbettung auf Ihrer Website angezeigt werden soll.

Speichern Sie die Website, öffnen Sie sie und stellen Sie sicher, dass sie funktioniert.

Zuletzt aktualisiert vor 5 Monaten

War das hilfreich?