Herramientas VidGrid-HTML - Cuadrículas de miniaturas de video personalizables en el navegador

Bueno, 😌 no lo consigo. Lo estoy intentando en el escritorio y por desgracia no puedo. Tampoco es algo grave, obvio. Dividí las celdas por igual en dos archivos y siguen sacando exactamente los mismos frames. Medio que me rindo porque no sé explicarlo bien. De todos modos, mil gracias, igual uso la herramienta seguido
 
RevvingUpkj A menos que haya un problema con el video en sí (puede ser, algunos formatos de video no están muy bien soportados, sobre todo en navegadores móviles), no logro reproducir tu problema.
Acabo de probarlo en Chrome móvil en Android:
1. Cargo un archivo
2. Cargo el mismo archivo otra vez (así hay dos en la cola)
3. Edito los timestamps del primer archivo de la cola, pongo todos los timestamps en la primera mitad del video y los guardo
4. Edito los timestamps del segundo archivo de la cola, pongo los timestamps en la segunda mitad y los guardo
5. Empiezo el procesamiento.
Me da dos resultados distintos:


No hice 48 celdas, pero dudo que cambie algo. Ojo que TIENES QUE ESPECIFICAR todos los marcadores, si solo especificas algunos, los que faltan se rellenan automáticamente y se toman de los predeterminados empezando desde el inicio del archivo, ¿quizás ese era tu problema? Si solo necesitas 24 celdas en cada archivo, haz la cuadrícula de 24 celdas 😅 VidGrid no admite cuadrículas "incompletas", te avisa de los marcadores "auto" si guardas menos de los esperados, y el número de marcadores sale en rojo en el editor de timestamps (y el diseño de la cuadrícula muestra las celdas que faltan):
 
¡Exacto! Era justo eso. No estaba rellenando los otros marcadores. Por eso empezaba desde el inicio del archivo y las dos salidas salían iguales. Mil gracias por la explicación. Ahora sé cómo hacer los dos archivos separados con marcadores distintos y con la misma cantidad de celdas.
¡Entonces! ¡Ok! ¿Sería posible automatizar algo de esto? Quizás, si se puede, ¿hacer que las otras celdas se rellenen automáticamente? O sea, si tengo 12 celdas, que se llenen solas hasta el último timestamp o el último marcador. Así podría hacer otro archivo con marcadores auto-rellenados de otra parte del video. ¡Creo que sería un cambio genial!
De todos modos, gracias por la explicación, ya puedo hacer archivos separados con marcadores separados. Gracias otra vez por las explicaciones y por la herramienta.
 
RevvingUpkj ¿Me puedes explicar otra vez por qué no puedes hacer tus archivos de 48 celdas todos de una vez? No entiendo eso de que las miniaturas quedan "apretujadas". Hacer dos archivos, si el número de columnas es el mismo, no cambia el tamaño de las miniaturas, el valor de "Output Width (px)" se divide entre el número de columnas... así que quizás pon menos columnas y más filas. Así te saldrán miniaturas individuales más grandes.
Estoy viendo tus posts y, la verdad, las miniaturas se ven bastante normales y lo bastante grandes (veo unos cuantos de 30-35 celdas, si los abro al 100% de zoom la calidad es genial). Ya subiste el ancho de salida a 3840px, pero puedes ir más alto si quieres, solo tienes que escribir el número en el campo de texto... igual con el número de columnas/filas, el rango/slider solo tiene un límite "suave" (para los valores más comunes que usa la gente), puedes meter valores más grandes.
Si no, no estoy muy seguro de cómo podría automatizar lo que quieres sin joder los casos de uso normales (en 1 archivo), la interfaz del editor de timestamps ya está bastante cargada, no quiero agregar más botones ni complicarla más, sobre todo en móvil.
 
ah, definitivamente no me estoy explicando bien. ahora estamos en páginas totalmente distintas. Me disculpo. ya no sé cómo explicarlo. pero está bien, mil gracias por intentarlo.
 
Intenté captar la idea, puede que me equivoque, pero déjame explicar lo que entendí.
Necesitas tener 2 hojas distintas, una para la primera mitad y otra para la segunda.
-
Una solución mejor y más fácil podría ser generar una sola hoja con el doble de resolución y cortar la imagen en dos mitades iguales con cualquier software que haya por internet, creo yo.
-
Y yo mismo intenté hacer exactamente lo que querías, y pude entender por qué es difícil.
Actualmente no tenemos una opción para que el motor genere timestamps equiespaciados para un segmento del video. Así que es difícil editar los timestamps a mano para marcarlos en 24 lugares distintos.
Y otro problema que tuve al hacerlo es que, cuando sin querer mantengo presionado un timestamp, desaparece.
Se me ocurrieron unas cuantas soluciones que podrían servir a los usuarios y que se podrían poner en ajustes avanzados dentro de los ajustes, para que la herramienta siga siendo simple.
-
1. Dejar que el usuario elija el segmento del que quiere generar una hoja. (Por ejemplo, que elija de segundo a segundo. Si es un video de 1200 segundos, que pueda elegir si quiere que los timestamps equiespaciados automáticos se generen solo para el segmento de 600-900 segundos. Así se resuelve fácil).
2. Lo de borrar el timestamp con pulsación larga se maneja fácil en escritorio. Pero es difícil en un móvil con elementos apretados. Así que un botón para desactivar esto en ajustes avanzados sería útil. Así solo se podría borrar un timestamp tocando la "x" de la lista.
3. Dar una opción de avanzar/retroceder x segundos. Así sería fácil para los usuarios encontrar la mejor toma para capturar.
Otra vez, esto vuelve la herramienta compleja, así que ponlo todo en ajustes avanzados, para que quien lo quiera lo mantenga.
-
Solo pensé que esto podría ser una opción para resolverlo. no tengo ni idea de cuánto tiempo/esfuerzo toma implementar esto.
Quizás redacté mal algunas frases, perdón si es así, mi intención es totalmente ayudar a mejorar la herramienta, ya que tú has sido de gran ayuda para esta comunidad.
 
Gracias por aclarar.
Exacto, ese es mi punto. La única diferencia es que tienes dos imágenes, y la verdad me parecería más confuso como alguien que descarga un video que me presenten dos contact sheets del mismo video: "¿es la parte 1? ¿dónde está la parte 2?". Si de verdad quieres, puedes usar cualquier otra herramienta para cortar/copiar parte de la imagen y subir cada parte por separado... hasta en el móvil es bastante fácil, por ahora no voy a integrar funciones de manejo/edición de imágenes.

Cierto, y en mi opinión es un caso de uso relativamente avanzado/poco común... si quieres generar una contact sheet de un video, debería mostrar el contenido de todo el video, no de un segmento. Supongo que podría armar un modal con algunas opciones para agregar un grupo de marcadores según ciertos parámetros, con la posibilidad de especificar tiempos de inicio/fin. En el pasado también estuve probando la idea de detectar cambios de escena, pero toma demasiado tiempo de procesamiento y es relativamente poco fiable, en cambio dar un rango de marcadores espaciados uniformemente sería más fácil.

Podría agregar una opción... pero también se podría arreglar obligándote a seleccionar primero el marcador en el móvil antes de poder mantenerlo presionado, y quizás agregando una notificación tipo toast de "Deshacer" después de borrar un marcador individual. En escritorio el marcador se borra con clic derecho del mouse, así que es más difícil hacerlo sin querer o de forma imprecisa.
Esta función ya existe en escritorio con las teclas de flecha (1 segundo), con Ctrl (cuadro por cuadro) y Shift (5 segundos) como modificadores. Puedo agregar más controles junto al botón de Play.
Gracias por los comentarios, a los dos, voy a trabajar un poco más en la interfaz del editor de Timestamps para la próxima actualización.
 
Oh
Ohhh... La función de búsqueda se ve genial. Lástima que no uso escritorio.
Sí, un indicador de deshacer puede servir, porque el problema es que mientras paso el dedo, si toco el marcador en vez de un espacio vacío, se borra sin que me dé cuenta. Así que un deshacer cumple las dos funciones: avisa y revierte. Gran idea como siempre
¡Y gracias por tomar siempre en cuenta las peticiones de todos los usuarios!
 
Actualización de versión menor, misma URL: https://vidgrid-html-87fe95.gitlab.io/
VidGird-HTML v.3.5.3
Rediseñada la UX del editor de Timestamps en móvil y escritorio:
  • Mejor manejo del tamaño del video, del diseño de la cuadrícula y de la lista de marcadores. En móvil se apilan de forma más consistente, baja para verlos ;-)
  • Para borrar marcadores en móvil con pulsación larga, ahora hay que seleccionar el marcador primero.
  • Ahora es más fácil buscar un tiempo específico tocando/arrastrando, usa la parte inferior de la barra de búsqueda (la parte de arriba/los números de marcadores sirven para seleccionar marcadores)
  • Nuevo: Botones de búsqueda (1 fotograma, 1 segundo, 5 segundos), antes solo disponibles con teclado/rueda del mouse.


  • Nuevo: Cuando la lista de marcadores está vacía aparecen botones de "Quick Fill" para ayudarte a agregar marcadores espaciados uniformemente sobre toda la duración, la primera mitad o la segunda mitad del video para todas las celdas.


  • Nuevo: Diseño de cuadrícula y lista de marcadores plegables.
Esto debería solucionar tus problemas en móvil RevvingUpkj y Yuniqcorn
 
¡¡Lo lograste!! Me encantan estas novedades. La posibilidad de agregar marcadores fácilmente en la primera y la segunda mitad es justo lo que deseaba. ¡La opción de hacer dos salidas separadas con marcadores espaciados uniformemente!
¡Gracias! Solo tenerlo como opción es fantástico. Para dividir videos más largos, o cualquiera, así se puede mostrar más del video de forma limpia. Da más vistas previas sin amontonar más marcadores en un solo archivo. Genial adición
 
RevvingUpkj No hay problema, pero para que quede claro, si haces una cuadrícula de 6x8, o 2 veces 6x4 (con cada mitad), las miniaturas deberían ser prácticamente las mismas... por eso no terminaba de entender la diferencia que buscabas, pero me alegra que la nueva función se ajuste a lo que necesitas. ¡Cualquier comentario se agradece!
 
Actualización menor de versión, misma URL: https://vidgrid-html-87fe95.gitlab.io/
VidGird-HTML v.3.6.1
Un poco más de cariño al Editor de Timestamps para los que aman las cuadrículas enormes con muchas celdas... y para móvil.
  • Nuevo: Botón Quitar marcador ("-") para eliminar más fácil el marcador seleccionado, solo se activa cuando hay un marcador seleccionado.
  • Nuevo: Botones de Acercar / Alejar y barra de vista general. Te permite hacer zoom en la línea de tiempo desde 100% (vista completa) hasta 1000% para colocar los marcadores con precisión cuando están muy juntos. El porcentaje de zoom actual se muestra entre los botones.

    timestamp-editor-zoom.mp4.webp

  • Colores del estado "seleccionado" más consistentes en cada tema.
 
Actualización menor de versión, misma URL: https://vidgrid-html-87fe95.gitlab.io/
VidGird-HTML v.3.7.0
Goonbox implementó límites de "píxeles en todos los frames" y de "frames totales" para imágenes animadas, y para que sea más fácil generar resultados que queden por debajo (y la subida no falle) agregué estos dos datos como estimación (antes de generar) y verificación real (después de generar).
Nota: la API de Goonbox todavía no está disponible, así que las subidas hay que hacerlas a mano
  • Nuevo: Ajustes en pestañas para acceder más fácil y se agregó la pestaña "Animaciones":






  • Nuevo: Detalles de animación con frames totales y píxeles totales entre frames, con indicadores si superan los límites configurados en Ajustes.




 
primero que nada, excelente herramienta. segundo, ¿alguien encontró una buena plantilla de grid animado compatible con goonbox? tuve que sacrificar mucha calidad para que subiera, ¿quizás hay una mejor forma de recortar?
 
Debes iniciar sesión o registrarte para responder aquí.
Atrás
Arriba