Avatar
Tony
  • Actualización

Ejemplo de panel personalizado: reproducir transmisión con API de terceros

Puedes ver video, transmisiones y audio en GpsGate para mantener todo tu seguimiento en un solo lugar (consulta el ejemplo de panel personalizado: guía del reproductor de transmisión en tiempo real). La telemática multimedia se puede usar para complementar otros datos de la flota.

Hay muchos proveedores de transmisión de video que pueden proporcionar la API de reproducción de video. Con la API, el usuario puede buscar y reproducir la transmisión en la fecha y hora específicas. 

Aquí, describiremos cómo incrustar la API de reproducción en un panel personalizado de GpsGate. 

Visión general

En este ejemplo, estamos utilizando una API de video de terceros para reproducir la transmisión usando la biblioteca jQuery en el HTML. Puede cargar la transmisión para la fecha/hora específica y reproducirla en el iframe. 

 

Configuración

  1. Descarga la página HTML de muestra y modifícala con la URL de la API de tu proveedor de transmisión de video. 
  2. Aloja la página HTML en tu servidor GpsGate local o en cualquier servidor web al que tu sistema GpsGate pueda acceder. 
  3. Sigue los pasos de la guía de incrustar paneles personalizados en el espacio de trabajo para crear el campo personalizado y guardar la URL de la transmisión en el campo personalizado. 
  4. Crea un nuevo campo personalizado para guardar el ID del dispositivo definido en el proveedor de video de terceros. 
  5. Crea el script de clic derecho y envía la URL de la transmisión como un parámetro Html en el iframe como se muestra a continuación:
var url = "YOUR_API_LOGIN_URL";
var body = '{"username":"YOUR_API_USERNAME", "password":"YOUR_API_PASSWORD"}';
var ctype = 'application/json';
var head = 'Accept: application/json';

http.POST(url,ctype,head,body);
var result = JSON.parse(http.response);
var device = user.getCustomFieldValue('DeviceID');

var url = 'http://Your_Host_Address/playback.html?device=' + device + '&apikey=' + result.data.token;

if (url != null) {
ui.iframe(
'ShowPlayBackWindow',
'PlayBack for ' + user.name,
url,40,30,1000,800
)
}

¡Estás listo para comenzar a ver!

En la aplicación, haz clic derecho en el activo y elige la opción que acabas de crear.

Elige la fecha/hora que deseas reproducir. La transmisión se muestra en el iframe emergente. 

Screenshot_2022-04-13_at_11.39.12.png

Preguntas frecuentes

¿Necesito obtener un token para solicitar la API?

Si tu proveedor de video necesita tener un token para consultar la transmisión histórica, puedes agregar el script de jQuery en la página y obtener el token primero. 

¿Cuántos días/horas puedo reproducir? 

Eso depende de cómo tu proveedor de video almacene el video y por cuánto tiempo lo almacene. 

¿Puedo reproducir los archivos que están almacenados en el servidor de archivos?

Puedes usar la guía de ejemplo de panel personalizado: reproductor de transmisión en tiempo real para reproducir los archivos de video según lo solicitado. 

 

Artículos relacionados