Incrustar la transmisión en vivo de una cámara en un sitio web

Aprende a incrustar la transmisión en vivo de una cámara en tu sitio web

Las cámaras Verkada te permiten incrustar una transmisión en vivo de una cámara en tu sitio web. La incrustación es un fragmento de código de marco en línea (iframe) compatible con cualquier página web.

Una vez creada una incrustación, se puede revocar el acceso en cualquier momento.

Crear un enlace de incrustación

En Verkada Command, vaya a Todos los productos > Cámaras.

Navegue hasta la transmisión de cámara que desea incrustar en su sitio web.

En el lado derecho del marco, haga clic en Compartir.

Lea los términos y condiciones para compartir video. Si está de acuerdo, haga clic en Acepto.
En la parte inferior izquierda, haga clic en Más opciones > Código de incrustación.
Ingrese el/los dominio(s) donde desea autorizar la reproducción del video.
Haga clic en Enlace de incrustación > Listo.

El enlace se agrega automáticamente al portapapeles.

Se aceptan comodines (por ejemplo, *.yourdomain.com). Si su dominio es yourdomain.com, no necesita el comodín anterior y puede usar simplemente yourdomain.com. Sin embargo, si su dominio es yoursubdomain.yourdomain.com, puede usar el comodín para especificar el subdominio.

Administrar enlaces de incrustación existentes

En Verkada Command, vaya a Todos los productos > Admin.

Seleccione Inicio de sesión y acceso > Administrar enlaces compartidos.

Seleccione la pestaña Incrustado.

En el lado derecho de su enlace:

Haga clic en para copiar el código de incrustación.
Haga clic en para revocar la incrustación.

Cambiar el tamaño de las transmisiones de video incrustadas

Las transmisiones de cámara incrustadas se pueden redimensionar en su página web ajustando los atributos de ancho, alto y pantalla ancha.

Cuando cambie el tamaño de una incrustación, asegúrese de mantener la misma relación ancho-alto, como se muestra a continuación.

Mostrar la incrustación en pantalla ancha

Para que la incrustación aparezca en pantalla ancha, use el ?widescreen=1 parámetro en la URL, como se muestra:

La incrustación de la izquierda es estándar, mientras que la incrustación de la derecha tiene el widescreen=1 parámetro de consulta:

Cuando un usuario carga una página web que contiene una transmisión en vivo incrustada de Verkada, la página carga la URL de la incrustación en un iframe.

El marco en línea (iframe) aparece como una pantalla negra si el sitio web de referencia no coincide con el nombre de dominio especificado cuando se creó la incrustación.

Resolver incrustaciones que no se cargan

Encuentre el sitio web de referencia para que pueda especificar un nombre de dominio coincidente al crear la incrustación.

Vuelva a crear la incrustación usando el nombre de dominio correcto.

Coloque la nueva incrustación en su sitio web.

Encuentre el sitio web de referencia

En la página web donde colocó la incrustación, haga clic con el botón derecho en su navegador y seleccione Inspeccionar. Esto mostrará una pantalla negra porque la incrustación no se cargará.

En la parte superior, haga clic en Red.

En la barra de búsqueda/filtro, escriba "embed" ( para filtrar las solicitudes relacionadas con incrustaciones.

Haga clic en la solicitud con el ID alfanumérico, que debería tener un formato similar al del ejemplo que se muestra a continuación.

En la sección Encabezados de solicitud, busque la URL de referencia. Esta es la URL/dominio que necesita introducir en Verkada Command. (Solo necesita hasta el dominio de nivel superior, como .com. En el ejemplo, el dominio de referencia es verkadasupport.com.)

Si no ve de inmediato el embed.html, haga clic en Actualizar para volver a cargar la página.

Vuelva a crear la incrustación usando el nombre de dominio correcto

En Verkada Command, vaya a Todos los productos > Cámaras.

Seleccione la cámara y haga clic en Compartir.

Seleccione Más opciones > haga clic en Código de incrustación e introduzca su dominio de referencia.

Haga clic en Enlace de incrustación.

Coloque la nueva incrustación en su sitio web

Copie el nuevo enlace de incrustación que acaba de crear en el procedimiento anterior.

Vaya al portal de administración de su sitio.

Pegue el iframe HTML de incrustación donde quiera alojar la incrustación en su sitio.

Guarde y abra el sitio y asegúrese de que funcione.

Última actualización hace 3 meses

¿Te fue útil?