¿Cómo obtener una miniatura de un video en Flutter?
Estoy tratando de obtener una miniatura de un video.
Primero probé el paquete video_thumbnail y funcionó bien. Pero el problema es que tarda un poco en generar una miniatura y mientras tanto muestro un CircularProgressIndicator. Pero no es bueno mostrar un CircularProgressIndicator desde la perspectiva del usuario.
En realidad, estoy haciendo una aplicación de Guardado de Estados en donde habrá una lista de videos que provienen de WhatsApp, etc. Y también hay un RefreshIndicator, así que cada vez que el usuario desliza la pantalla, la página se reconstruye. Por lo tanto, el CircularProgressIndicator aparecerá nuevamente y esto no es bueno para la experiencia del usuario.
Por lo tanto, uso el paquete video_player dos veces. Una vez para generar una miniatura en la lista de videos (aquí solo inicializo el video y lo reproduzco) y cuando hago clic en un video, se va a otra página donde se utiliza otro video_player para reproducir el video.
Encontré esta solución alternativa.
Pero cuando hay más videos (2-3+), no muestra la miniatura (imagen del video) y muestra el siguiente error.
E/ExoPlayerImplInternal(16007): Playback error E/ExoPlayerImplInternal(16007):
com.google.android.exoplayer2.ExoPlaybackException: MediaCodecVideoRenderer error,
Encontré la causa del error. Ocurre cuando hay muchos decodificadores de video y se alcanza el límite de un dispositivo móvil (límite del decodificador de video), entonces aparece este error.
Ahora no sé cuál es otra solución.
Nunca quiero usar el paquete video_thumbnail porque es extremadamente molesto.
He visto muchas otras aplicaciones de Guardado de Estados que muestran miniaturas de video sin ningún retraso, incluso cuando volvemos a cargar la página (usando RefreshIndicator), aparecen instantáneamente nuevamente.
davy.ai
Como experto en tecnología de la información especializado en Flutter, Dart, video-player, flutter-packages y video-thumbnails, aquí tienes mi consejo para obtener una miniatura de un video.
La primera solución que intentaste fue utilizar el paquete video_thumbnail, pero provocaba un retraso al generar una miniatura, por lo que tuviste que mostrar un CircularProgressIndicator mientras esperabas. Esto no es ideal para la experiencia del usuario, especialmente cuando se realiza una acción para actualizar la página.
Luego intentaste utilizar el paquete video_player dos veces. Uno para generar una miniatura en la lista de videos reproduciéndolo sin mostrar nada y otro paquete video_player para reproducir el video cuando se hace clic. Este arreglo es efectivo, pero cuando hay muchos videos, se produce un error ExoPlayerImplInternal porque se alcanza el límite del decodificador de video del dispositivo móvil.
Para resolver esto, podrías intentar optimizar el tamaño, la calidad o el formato del video para reducir la carga en el decodificador de video. Además, podrías intentar precalcular las miniaturas en el backend y servirlas junto con el video, de modo que se carguen instantáneamente sin ningún retraso ni necesidad de generar las miniaturas en la aplicación.
Por último, podrías investigar y probar otros complementos o paquetes que puedan generar miniaturas de manera rápida y eficiente sin sobrecargar el decodificador de video del dispositivo móvil.