Ejemplo de panel personalizado: enviar comandos desde el iframe al activo para iniciar y detener la transmisión

Puedes ver video, transmisiones y audio en GpsGate para mantener todo tu seguimiento en un solo lugar. Consulta la guía de ejemplo de panel personalizado: reproductor de transmisión en tiempo real para más información. La telemática multimedia se puede utilizar para complementar otros datos de la flota. ¿Quieres llamar a una API de terceros para reproducir la transmisión? Consulta la guía de ejemplo de panel personalizado: reproducir transmisión con API de terceros

Para ahorrar el uso de datos, a veces la función de transmisión está desactivada en el rastreador y debe iniciarse cuando sea necesario. ¿Podría el usuario usar el iframe para enviar el comando al rastreador para iniciar y detener la transmisión? Sí, puedes hacerlo con un panel personalizado de GpsGate. 

Sigue leyendo para aprender cómo incrustar la API de comandos en un panel personalizado de GpsGate. 

Descripción general

En este ejemplo, llamaremos a la API de comandos de GpsGate para enviar el comando al rastreador. Estamos utilizando el último protocolo de Queclink como ejemplo para mostrar cómo se envía el comando en el iframe. 

 

Configuración

  1. Descarga la página HTML de muestra y modifícala con la dirección de tu host. Lee qué URL usar para enviar un comando con API
  2. Aloja la página HTML en tu servidor local de GpsGate o en cualquier servidor web al que tu sistema GpsGate pueda acceder. 
  3. Sigue los pasos de la guía para 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. Agrega un nuevo campo personalizado "DeviceID" para guardar el ID del rastreador en esta unidad. El DeviceID es el ID del rastreador. Lee cómo obtener el deviceID de una etiqueta de usuarios.
  5. Puedes generar el token y colocarlo en el script de clic. Alternativamente, puedes agregar jQuery en la página html para generar el token al ejecutar el script. Lee cómo obtener el token
  6. Agrega la plantilla de comando para iniciar y detener la transmisión como el protocolo. Lee cómo crear una plantilla de comando.
  7. 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 user_id = user.id;

var deviceid = user.getCustomFieldValue("DeviceID");

var token = "YOUR_TOKEN"; //Tu token de cuenta o puedes omitirlo y generarlo en la página html

var url = user.getCustomFieldValue('VehicleCameraURL'); //Reemplaza con el nombre de tu campo personalizado

url = 'http://YOUR_HOST_ADDRESS/video_command.html?userid=' + user_id +'&token=' + token + '&deviceid=' + deviceid + '&stream=' + url ;

if (url != null) {
ui.iframe(
'ShowCameraWindow',
'Cámara para ' + user.name,
url,20,30,800,400
)
}

¡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.

Envía el comando al activo con los botones. La transmisión se muestra/se detiene en el iframe emergente. 

Screenshot_2022-04-13_at_12.16.32.png

Preguntas frecuentes

¿Necesito obtener el token para solicitar la API?

Sí, puedes generar el token en el script de clic y enviarlo al HTML del reproductor de video con un parámetro. O puedes generar el token en la página HTML con un script ajax. 

¿Cómo puedo verificar si se han enviado los comandos? 

Puedes usar el administrador de dispositivos para verificar si los comandos se han enviado al activo. Para más detalles, por favor revisa aquí