Captura una secuencia de fotogramas del lienzo que pueden ser guardados como imágenes.
saveFrames() crea un array de objetos de fotograma. Cada fotograma se almacena como un objeto con su tipo de archivo, nombre de archivo y datos de imagen como una cadena. Por ejemplo, el primer fotograma guardado podría tener las siguientes propiedades:
{ ext: "'png', filenmame: 'frame0', imageData: 'data:image/octet-stream;base64, abc123' }.
El primer parámetro, filename, establece el prefijo para los nombres de archivo. Por ejemplo, configurar el prefijo como 'frame' generaría los archivos de imagen frame0.png, frame1.png, y así sucesivamente.
El segundo parámetro, extension, establece el tipo de archivo ya sea 'png' o 'jpg'.
El tercer parámetro, duration, establece la duración a grabar en segundos. La duración máxima es de 15 segundos.
El cuarto parámetro, framerate, establece el número de fotogramas a grabar por segundo. El valor máximo de velocidad de fotogramas es 22. Se aplican límites a duration y framerate para evitar el uso excesivo de memoria. La grabación de lienzos grandes puede hacer que los bocetos se bloqueen fácilmente o incluso los navegadores web.
El quinto parámetro, callback, es opcional. Si se pasa una función, los archivos de imagen no se guardarán por defecto. La función callback puede ser utilizada para procesar un array que contiene los datos de cada fotograma capturado. El array de datos de imagen contiene una secuencia de objetos con tres propiedades para cada fotograma: imageData, filename, y extension.
Nota: Los fotogramas se descargan como archivos de imagen individuales por defecto.
Ejemplos
Sintaxis
saveFrames(filename, extension, duration, framerate, [callback])Parámetros
prefijo del nombre del archivo.
extensión del archivo, ya sea 'jpg' o 'png'.
duración en segundos para grabar. Este parámetro estará limitado a ser menor o igual a 15.
número de fotogramas para guardar por segundo. Este parámetro estará limitado a ser menor o igual a 22.
función callback que se ejecutará para manejar los datos de la imagen. Esta función debe aceptar un array como argumento. El array contendrá el número especificado de fotogramas de objetos. Cada objeto tiene tres propiedades: imageData, filename, y extension.