Eventos de Media Recorder

Descripción

Este grabador multimedia te permite realizar capturas de pantalla y grabar vídeo de tu proyecto de Studio en tiempo de ejecución.

Los eventos de la grabadora multimedia se emiten en world.events.globalId.

Eventos

RECORDER_SCREENSHOT_READY

Se emite cuando la captura de pantalla está lista.

Propiedades

Propiedad	Tipo	Descripción
gota	Gota	La imagen JPEG de la captura de pantalla

Ejemplo

• .listen
• .onEvent
• .addEventListener

defineState('initial-state').initial().listen(world.events.globalId, ecs.events.RECORDER_SCREENSHOT_READY, (event) => {
  console.log('Screenshot blob: ', event.data.blob)
})

RECORDER_VIDEO_STARTED

Se emite cuando se inicia la grabación.

Propiedades

Ninguna.

Ejemplo

• .listen
• .onEvent
• .addEventListener

defineState('initial-state').initial().listen(world.events.globalId, ecs.events.RECORDER_VIDEO_STARTED, () => {
  console.log('Recording started')
})

RECORDER_VIDEO_STOPPED

Se emite cuando se detiene la grabación.

Propiedades

Ninguno.

Ejemplo

• .listen
• .onEvent
• .addEventListener

defineState('initial-state').initial().listen(world.events.globalId, ecs.events.RECORDER_VIDEO_STARTED, () => {
  console.log('Recording stopped')
})

RECORDER_VIDEO_ERROR

Se emite cuando se produce un error.

Propiedades

Propiedad	Tipo	Descripción
mensaje	cadena	El mensaje de error
nombre	cadena	El nombre del error
pila	cadena	El seguimiento de la pila de errores

Ejemplo

• .listen
• .onEvent
• .addEventListener

defineState('initial-state').initial().listen(world.events.globalId, ecs.events.RECORDER_VIDEO_ERROR, (event) => {
  console.log('Recorder error: ', event.data.message)
})

RECORDER_VIDEO_READY

Se emite cuando la grabación ha finalizado y el vídeo está listo.

Propiedades

Propiedad	Tipo	Descripción
videoBlob	Gota	La mancha de vídeo grabada

Ejemplo

• .listen
• .onEvent
• .addEventListener

defineState('initial-state').initial().listen(world.events.globalId, ecs.events.RECORDER_VIDEO_READY, (event) => {
  console.log('Video ready: ', event.data.videoBlob)
})

RECORDER_PREVIEW_READY

Se emite cuando un vídeo previsualizable, pero no optimizado para compartir, está listo (sólo Android/Escritorio).

Propiedades

Propiedad	Tipo	Descripción
videoBlob	Gota	La mancha de vídeo de previsualización

Ejemplo

• .listen
• .onEvent
• .addEventListener

defineState('initial-state').initial().listen(world.events.globalId, ecs.events.RECORDER_PREVIEW_READY, (event) => {
  console.log('Preview ready: ', event.data.videoBlob)
})

RECORDER_FINALIZE_PROGRESS

Se emite cuando el grabador multimedia está avanzando en la exportación final (sólo Android/escritorio).

Propiedades

Propiedad	Tipo	Descripción
progreso	número	Progreso de la finalización (0 a 1)

Ejemplo

• .listen
• .onEvent
• .addEventListener

defineState('initial-state').initial().listen(world.events.globalId, ecs.events.RECORDER_FINALIZE_PROGRESS, (event) => {
  console.log('Finalize progress: ', event.data.progress * 100)
})

MARCO_PROCESO_GRABADOR

Propiedades

Propiedad	Tipo	Descripción
marco	ImageData	El fotograma de vídeo procesado
marca de tiempo	número	La marca de tiempo de la trama (ms)

Ejemplo

• .listen
• .onEvent
• .addEventListener

defineState('initial-state').initial().listen(world.events.globalId, ecs.events.RECORDER_PROCESS_FRAME, (event) => {
  console.log('Process frame: ', event.data.timestamp, event.data.frame)
})