Outils VidGrid-HTML - Grilles de miniatures vidéo personnalisables dans le navigateur

Bon, 😌 j'y arrive pas. J'essaie sur ordi, mais malheureusement ça marche pas. Pas grave, évidemment. J'ai réparti les cellules à parts égales dans deux fichiers, et ils sortent quand même exactement les mêmes frames. Je suis un peu en train d'abandonner parce que j'arrive pas à bien l'expliquer. Quoi qu'il en soit, merci beaucoup, j'utilise l'outil souvent de toute façon
 
RevvingUpkj À moins qu'il y ait un souci avec la vidéo elle-même (c'est possible, certains formats vidéo sont mal supportés, surtout sur les navigateurs mobiles), j'arrive pas à reproduire ton problème.
Je viens de tester sur Chrome mobile sous Android :
1. Charger un fichier
2. Charger le même fichier à nouveau (donc deux dans la file)
3. Éditer les timestamps du premier fichier de la file, mettre tous les timestamps dans la première moitié de la vidéo, les sauvegarder
4. Éditer les timestamps du second fichier de la file, mettre les timestamps dans la seconde moitié, les sauvegarder
5. Lancer le traitement.
Ça me donne deux sorties différentes :


Je n'ai pas fait 48 cellules, mais je doute que ça change quoi que ce soit. Note que tu DOIS spécifier tous les marqueurs, si tu n'en spécifies que quelques-uns, les manquants sont remplis automatiquement avec ceux par défaut à partir du début du fichier, c'était peut-être ton problème ? Si tu as besoin de seulement 24 cellules par fichier, fais une grille de 24 cellules 😅 VidGrid ne gère pas les grilles "incomplètes", il te prévient des marqueurs "auto" si tu sauvegardes moins que le nombre attendu, et le nombre de marqueurs est en rouge dans l'éditeur de timestamps (et la disposition de la grille montre les cellules manquantes) :
 
Exactement ! C'était tout à fait ça. Je ne remplissais pas les autres marqueurs. Du coup, ça commençait au début du fichier, et les deux sorties étaient identiques. Merci mille fois pour l'explication. Je sais maintenant comment faire les deux fichiers séparés avec des marqueurs différents, avec le même nombre de cellules.
Donc ! Ok ! Serait-il possible d'automatiser une partie de tout ça ? Peut-être, si possible, remplir automatiquement les autres cellules ? Par exemple, si j'ai 12 cellules, qu'elles se remplissent toutes seules jusqu'au dernier timestamp ou dernier marqueur ? Comme ça, je pourrais faire un autre fichier avec des marqueurs auto-remplis sur une autre partie de la vidéo ? Je pense que ce serait un super changement !
Quoi qu'il en soit, merci pour l'explication, je peux maintenant faire des fichiers séparés avec des marqueurs séparés. Encore merci pour les explications, et pour l'outil.
 
RevvingUpkj Tu peux réexpliquer pourquoi tu ne peux pas faire tes fichiers de 48 cellules d'un seul coup ? Je ne comprends pas ce que tu veux dire par des miniatures "écrasées". Faire deux fichiers, si le nombre de colonnes est le même, ne change pas la taille des miniatures, la valeur "Output Width (px)" est divisée par le nombre de colonnes... donc peut-être mettre moins de colonnes et plus de lignes ? Tu auras des miniatures individuelles plus grandes.
Je regarde tes posts et franchement les miniatures ont l'air plutôt normales et assez grandes (j'en vois quelques-unes de 30-35 cellules, si je les ouvre à 100% de zoom la qualité est super). Tu as augmenté la largeur de sortie à 3840px, mais tu peux monter plus haut si tu veux, il suffit de taper le nombre dans le champ texte... pareil pour le nombre de colonnes/lignes, la plage/le slider n'est qu'une "limite souple" (pour les valeurs les plus courantes), tu peux saisir des valeurs plus grandes.
Sinon je ne vois pas trop comment je pourrais automatiser ce que tu veux sans casser les cas d'usage normaux (en 1 fichier), l'interface de l'éditeur de timestamps est déjà très chargée, je ne veux pas ajouter plus de boutons ni la compliquer, surtout sur mobile.
 
ah, je m'explique vraiment mal. on n'est plus du tout sur la même longueur d'onde. Désolé. je ne sais plus comment l'expliquer. mais c'est ok, merci beaucoup d'avoir essayé.
 
J'ai essayé de comprendre, je me trompe peut-être, mais laisse-moi expliquer ce que j'ai compris.
Tu as besoin de 2 planches différentes, une pour la 1ère moitié, l'autre pour la 2ème moitié.
-
Une solution meilleure et plus simple pourrait être de générer une seule planche avec le double de résolution et de couper l'image en deux moitiés égales avec n'importe quel logiciel dispo sur internet, je crois.
-
Et j'ai moi-même essayé de faire exactement ce que tu voulais, et j'ai compris pourquoi c'est difficile.
On n'a pas actuellement d'option pour que le moteur génère des timestamps espacés régulièrement pour un segment de la vidéo. Donc c'est dur d'éditer les timestamps à la main pour les placer à 24 endroits différents.
Et un autre problème que j'ai eu : quand j'appuie longuement par accident sur un timestamp, il disparaît.
J'ai pensé à quelques solutions qui pourraient aider les utilisateurs et qu'on pourrait mettre dans des paramètres avancés à l'intérieur des paramètres, pour que l'outil reste simple.
-
1. Laisser l'utilisateur choisir le segment pour lequel il veut générer une planche. (Par exemple, qu'il choisisse de seconde à seconde. Si la vidéo fait 1200 secondes, qu'il puisse choisir de générer les timestamps automatiques espacés régulièrement uniquement pour le segment 600-900 secondes. Comme ça c'est réglé facilement).
2. La suppression d'un timestamp par appui long se gère facilement sur ordinateur. Mais c'est difficile sur mobile avec des éléments serrés. Donc un bouton pour désactiver ça dans les paramètres avancés serait utile. Du coup on ne pourrait supprimer un timestamp qu'en touchant le "x" dans la liste.
3. Ajouter une option d'avance/retour de x secondes. Comme ça ce sera facile pour les utilisateurs de trouver le meilleur plan à capturer.
Encore une fois, ça complexifie l'outil, donc mets tout ça dans les paramètres avancés, pour que celui qui en veut les garde.
-
Je me suis juste dit que ça pourrait être une option pour résoudre ça. je n'ai aucune idée du temps/des efforts que ça demande à implémenter.
J'ai peut-être mal formulé certaines phrases, désolé le cas échéant, je voulais vraiment aider à améliorer l'outil, vu que tu as été d'une grande aide pour cette communauté.
 
Merci d'avoir précisé.
C'est exactement mon point. La seule différence, c'est que tu as deux images, et franchement je trouverais ça plus déroutant en tant que personne qui télécharge une vidéo si on me présente deux planches-contact pour la même vidéo : "c'est la partie 1 ? elle est où la partie 2 ?". Tu peux utiliser n'importe quel autre outil pour couper/copier une partie de l'image et uploader chaque partie séparément si tu y tiens vraiment... même sur mobile c'est assez simple, je n'intègre pas de fonctions de gestion/édition d'images pour l'instant.

C'est vrai, et c'est un cas d'usage relativement avancé/rare à mon avis... si tu veux générer une planche-contact pour une vidéo, elle devrait montrer le contenu de toute la vidéo, pas d'un segment. Je pourrais créer une fenêtre modale avec quelques options pour ajouter un groupe de marqueurs selon certains paramètres, avec la possibilité de définir des temps de début/fin. J'ai aussi déjà joué avec l'idée de détecter les changements de scène, mais ça prend trop de temps de traitement et c'est relativement peu fiable, alors que proposer une série de marqueurs espacés régulièrement serait plus simple.

Je pourrais ajouter un réglage... mais on pourrait aussi régler ça en t'obligeant d'abord à sélectionner le marqueur sur mobile avant de pouvoir faire un appui long dessus, et peut-être en ajoutant une notification toast "Annuler" après la suppression d'un marqueur. Sur ordinateur, la suppression se fait avec le clic droit de la souris, donc c'est plus dur de le faire par accident/sans précision.
Cette fonction existe déjà sur ordinateur avec les flèches (1 seconde), avec Ctrl (image par image) et Maj (5 secondes) comme modificateurs. Je peux ajouter plus de contrôles à côté du bouton Play.
Merci pour vos retours à tous les deux, je vais encore travailler un peu l'interface de l'éditeur de Timestamps pour la prochaine mise à jour.
 
Oh
Ohhh... La fonction de navigation a l'air cool. Dommage que je ne sois pas utilisateur desktop.
Ouais, un indicateur d'annulation peut faire l'affaire je pense, parce que le problème c'est que quand je survole, si je touche le marqueur au lieu d'un espace vide, il se supprime sans que je me rende compte qu'il est supprimé. Donc une annulation fait les deux : elle prévient et elle permet de revenir en arrière. Super idée comme toujours
Et merci de toujours prendre en compte les demandes de tous les utilisateurs !
 
Mise à jour mineure, même URL : https://vidgrid-html-87fe95.gitlab.io/
VidGird-HTML v.3.5.3
UX de l'éditeur de Timestamps retravaillée sur mobile et ordinateur :
  • Meilleure gestion de la taille de la vidéo, de la disposition de la grille et de la liste des marqueurs. Sur mobile, ils s'empilent de façon plus cohérente, fais défiler vers le bas pour les voir ;-)
  • La suppression de marqueurs sur mobile par appui long nécessite maintenant de sélectionner le marqueur d'abord.
  • Se placer à un moment précis au toucher/glissement est plus facile, utilise la partie basse de la barre de navigation (le haut/les numéros de marqueurs servent à sélectionner les marqueurs)
  • Nouveau : Boutons de navigation (1 image, 1 seconde, 5 secondes), auparavant disponibles uniquement avec le clavier/la molette de la souris.


  • Nouveau : Quand la liste de marqueurs est vide, des boutons "Quick Fill" apparaissent pour t'aider à ajouter des marqueurs espacés régulièrement sur toute la durée, la première moitié ou la seconde moitié de la vidéo pour toutes les cellules.


  • Nouveau : Disposition de la grille et liste des marqueurs repliables.
Ça devrait régler vos soucis sur mobile RevvingUpkj et Yuniqcorn
 
Tu l'as fait !! J'adore ces ajouts. La possibilité d'ajouter facilement des marqueurs sur la première et la seconde moitié, c'est exactement ce que je souhaitais. L'option de faire deux sorties séparées avec des marqueurs espacés régulièrement !
Merci ! Rien que l'avoir en option, c'est fantastique. Pour découper des vidéos plus longues, ou n'importe lesquelles, ça permet de montrer plus de la vidéo proprement. Ça donne plus d'aperçus sans entasser plus de marqueurs dans un seul fichier. Super ajout
 
RevvingUpkj Pas de souci, mais pour être clair, si tu fais une grille 6x8, ou 2 fois 6x4 (avec chaque moitié), les miniatures devraient être à peu près les mêmes... c'est pour ça que je ne voyais pas trop la différence que tu cherchais, mais je suis content que la nouvelle fonction réponde à tes besoins. Tous les retours sont appréciés !
 
Mise à jour mineure, même URL : https://vidgrid-html-87fe95.gitlab.io/
VidGird-HTML v.3.6.1
Un peu plus d'amour pour l'éditeur de timestamps, pour ceux qui aiment les énormes grilles avec plein de cellules... et le mobile.
  • Nouveau : Bouton Supprimer le marqueur ("-") pour retirer plus facilement le marqueur sélectionné, actif uniquement quand un marqueur est sélectionné.
  • Nouveau : Boutons Zoom avant / Zoom arrière et barre d'aperçu. Ça permet de zoomer sur la timeline de 100% (vue complète) jusqu'à 1000% pour placer précisément les marqueurs quand ils sont proches. Le pourcentage de zoom actuel s'affiche entre les boutons.

    timestamp-editor-zoom.mp4.webp

  • Couleurs de l'état « sélectionné » plus cohérentes pour chaque thème.
 
Mise à jour mineure, même URL : https://vidgrid-html-87fe95.gitlab.io/
VidGird-HTML v.3.7.0
Goonbox a mis en place des limites de « pixels sur toutes les frames » et de « frames totales » pour les images animées. Pour faciliter la génération de fichiers qui passent sous ces limites (et que l'upload n'échoue pas), j'ai ajouté ces deux infos en estimation (avant génération) et en vérification réelle (après génération).
Note : l'API de Goonbox n'est pas encore dispo, donc les uploads doivent toujours se faire à la main
  • Nouveau : Réglages en onglets pour un accès plus simple, avec l'ajout de l'onglet « Animations » :






  • Nouveau : Détails de l'animation avec frames totales et pixels totaux sur toutes les frames, avec des indicateurs si les seuils définis dans les Réglages sont dépassés.




 
d'abord, super outil. ensuite, quelqu'un a trouvé un bon template de grille animée compatible goonbox ? j'ai dû vraiment sacrifier la qualité pour que ça passe à l'upload, y a peut-être une meilleure façon de rogner ?
 
Vous devez vous connecter ou vous enregistrer pour répondre ici.
Retour
Haut