Seguimiento de reproducción principal con JavaScript 2.x track-core-playback-on-javascript
En las siguientes instrucciones se indican los pasos para la implementación en todos los kits de desarrollo de software de 2.x.
-
Configuración de seguimiento inicial
Identifique el momento en que el usuario desencadena la intención de reproducir (cuando hace clic en reproducir o la reproducción automática está activada) y cree una instancia de
MediaObject
.table 0-row-3 1-row-3 2-row-3 3-row-3 4-row-3 5-row-3 3-align-center 7-align-center 11-align-center 15-align-center 19-align-center 23-align-center Nombre de variable Descripción Requerido name
Nombre del contenido Sí mediaid
Identificador único del contenido Sí length
Duración del contenido Sí streamType
Tipo de flujo (consulte Constantes de StreamType a continuación) Sí mediaType
Tipo de contenido (consulte Constantes de MediaType a continuación) Sí StreamType
Constantes:table 0-row-2 1-row-2 2-row-2 3-row-2 4-row-2 5-row-2 6-row-2 Nombre de la constante Descripción VOD
Tipo de emisión de vídeo bajo demanda. LIVE
Tipo de emisión de contenido en directo. LINEAR
Tipo de emisión de contenido lineal. AOD
Tipo de emisión de audio a la carta. AUDIOBOOK
Tipo de emisión de audiolibro. PODCAST
Tipo de emisión de podcast. MediaType
Constantes:table 0-row-2 1-row-2 2-row-2 Nombre de la constante Descripción Audio
Tipo de contenido para emisiones de audio. Video
Tipo de contenido para emisiones de vídeo. code language-none var mediaObject = MediaHeartbeat.createMediaObject(<MEDIA_NAME>, <MEDIA_ID, <MEDIA_LENGTH>, MediaHeartbeat.StreamType.VOD, <MEDIA_TYPE>);
-
Adjuntar metadatos
Opcionalmente, se pueden adjuntar objetos de metadatos estándar o personalizados a la sesión de seguimiento mediante el uso de variables de datos de contexto.
-
Metadatos estándar
Implementación de metadatos estándar en JavaScript
note note NOTE No es obligatorio adjuntar el objeto de metadatos estándar al objeto de contenidos. -
Referencia de API de claves de metadatos de contenidos: Claves de metadatos estándar de JavaScript
Consulte el conjunto completo de metadatos disponibles aquí: Parámetros de audio y vídeo.
-
-
Metadatos personalizados
Cree un objeto de variable para las variables personalizadas y rellénelo con los datos de estos contenidos. Por ejemplo:
code language-js /* Set custom context data */ var customVideoMetadata = { isUserLoggedIn: "false", tvStation: "Sample TV station", programmer: "Sample programmer" };
-
-
Realice un seguimiento de la intención de iniciar la reproducción
Para empezar a realizar el seguimiento de una sesión multimedia, invoque a
trackSessionStart
en la instancia de Media Heartbeat:code language-js mediaHeartbeat.trackSessionStart(mediaObject, customVideoMetadata);
note tip TIP El segundo valor es el nombre de objeto de metadatos de contenido personalizado que ha creado en el paso 2. note important IMPORTANT trackSessionStart
rastrea la intención de reproducción, no el comienzo de la reproducción. Esta API se utiliza para cargar los datos y los metadatos, y para calcular la métrica de QoS (tiempo entretrackSessionStart
ytrackPlay
).note note NOTE Si no utiliza metadatos personalizados, envíe un objeto vacío para el argumento data
entrackSessionStart
, tal y como se muestra en la línea comentada del ejemplo para iOS anterior. -
Realizar un seguimiento del inicio real de la reproducción
Identifique el evento del reproductor de contenido para el principio de la reproducción, cuando se renderice el primer fotograma del contenido en la pantalla, e invoque
trackPlay
:code language-js mediaHeartbeat.trackPlay();
-
Realizar un seguimiento de la finalización de la reproducción
Identifique el evento del reproductor de contenido para la finalización de la reproducción cuando el usuario ha visto el contenido hasta el final e invoque
trackComplete
:code language-js mediaHeartbeat.trackComplete();
-
Realizar un seguimiento del final de la sesión
Identifique el evento del reproductor de contenido para la carga o el cierre de la reproducción, cuando el usuario cierra o se completa la descarga, e invoque
trackSessionEnd
:code language-js mediaHeartbeat.trackSessionEnd();
note important IMPORTANT trackSessionEnd
marca el final de una sesión de seguimiento. Si la sesión se ha visto por completo correctamente, es decir, el usuario ha visto el contenido hasta el final, asegúrese de invocartrackComplete
antes quetrackSessionEnd
. Las demás llamadas de la APItrack*
se pasan por alto después detrackSessionEnd
(salvotrackSessionStart
en una nueva sesión de seguimiento). -
Rastrear todos los escenarios de pausa posibles
Identifique el evento desde el reproductor de contenidos para pausar e invocar
trackPause
:code language-js mediaHeartbeat.trackPause();
Pausar escenarios
Identifique cualquier situación en la que se pausará el reproductor de contenido y compruebe que se ha invocado
trackPause
correctamente. Las siguientes situaciones requieren que la aplicación invoquetrackPause()
:- El usuario hace una pausa explícita en la aplicación.
- El reproductor se pone en estado de pausa.
- (Aplicaciones móviles): El usuario pone la aplicación en segundo plano, pero desea que la aplicación mantenga abierta la sesión.
- (Aplicaciones móviles): Se produce cualquier tipo de interrupción del sistema que provoca que una aplicación se ponga en segundo plano. Por ejemplo, si el usuario recibe una llamada o aparece una ventana emergente de otra aplicación, pero desea que la aplicación mantenga la sesión activa para que el usuario pueda reanudar el contenido desde donde se produjo la interrupción.
-
Identifique el evento del reproductor para la reproducción o reanudación después de la pausa e invoque
trackPlay
:code language-js mediaHeartbeat.trackPlay();
note tip TIP Puede ser el mismo origen de evento empleado en el paso 4. Asegúrese de que cada llamada de API trackPause()
esté emparejada con una llamada posterior a la APItrackPlay()
cuando se reanude la reproducción.
- Situaciones de seguimiento: Reproducción de VOD sin anuncios
- Reproductor de muestra incluido con el SDK de JavaScript para ver un ejemplo de seguimiento completo.