Howen: Cómo mostrar y reproducir video en streaming histórico
Con Howen VSS, puedes mostrar la transmisión en tiempo real de activos en GpsGate. Mantén todo tu seguimiento en un solo lugar y comienza con Howen: Cómo mostrar video en vivo.
Una vez que hayas configurado Howen en GpsGate, también estarás listo para ver transmisiones históricas. Aquí, describiremos cómo incrustar la API de reproducción de Howen VSS en un panel personalizado de GpsGate.
Descripción general
En este ejemplo, estamos utilizando la API de video de Howen para reproducir la transmisión de video usando la biblioteca jQuery en el HTML. Cargará la transmisión de video para una fecha/hora específica y la reproducirá en un iframe.
Descarga el paquete completo de scripts de ejemplo aquí.
Configuración
- Descarga la página HTML de ejemplo y modifícala con tu URL de la API de Howen.
- Aloja la página HTML en tu servidor GpsGate local o en cualquier servidor web al que tu sistema GpsGate pueda acceder.
- Crea un nuevo campo personalizado para guardar el ID del dispositivo de Howen VSS.
- 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
)
}
Notas:
- Al configurar el script de clic del temporizador (contenido en el ejemplo HTML), asegúrate de que el valor de "YOUR_HOWEN_DEVICE_TAG" sea la etiqueta que has creado en GGS que incluye al Usuario identificado con el hardware de Howen.
- Asegúrate de que la contraseña esté encriptada usando un hash MD5
¡FELICIDADES! ¡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 te gustaría reproducir. La transmisión de video se muestra en el iframe emergente.