Tools VidGrid-HTML - Anpassbare Video-Thumbnail-Grids im Browser

Naja, 😌 ich krieg's nicht hin. Ich versuch's am Desktop, aber leider klappt es nicht. Ist natürlich nicht schlimm. Ich hab die Zellen gleichmäßig auf zwei Dateien aufgeteilt, und sie spucken trotzdem exakt dieselben Frames aus. Ich gebe langsam auf, weil ich es nicht gut genug erklären kann. Auf jeden Fall vielen Dank, ich benutze das Tool trotzdem oft
 
RevvingUpkj Es sei denn, mit dem Video selbst stimmt was nicht (kann sein, manche Videoformate werden nicht so gut unterstützt, besonders in mobilen Browsern), kann ich dein Problem nicht reproduzieren.
Ich hab's gerade in Chrome mobil auf Android getestet:
1. Eine Datei laden
2. Dieselbe Datei nochmal laden (also sind zwei in der Warteschlange)
3. Die Timestamps der ersten Datei in der Warteschlange bearbeiten, alle Timestamps in die erste Hälfte des Videos setzen, speichern
4. Die Timestamps der zweiten Datei in der Warteschlange bearbeiten, Timestamps in die zweite Hälfte setzen, speichern
5. Verarbeitung starten.
Ergibt bei mir zwei unterschiedliche Ausgaben:


Ich hab keine 48 Zellen gemacht, aber ich glaube nicht, dass es da anders wäre. Beachte, dass du ALLE Marker angeben MUSST. Wenn du nur einige angibst, werden die fehlenden automatisch aufgefüllt und aus den Standardwerten ab Dateianfang genommen, vielleicht war das dein Problem? Wenn du nur 24 Zellen pro Datei brauchst, mach das Raster mit 24 Zellen 😅 VidGrid unterstützt keine "unvollständigen" Raster, es weist dich auf die "auto"-Marker hin, wenn du weniger als die erwartete Anzahl speicherst, und die Markeranzahl ist im Timestamp-Editor rot (und das Raster-Layout zeigt die fehlenden Zellen):
 
Genau! Das war es komplett. Ich hab die anderen Marker nicht ausgefüllt. Deshalb hat es am Dateianfang angefangen und die beiden Ausgaben waren gleich. Vielen Dank für die Erklärung. Jetzt weiß ich, wie ich die zwei getrennten Dateien mit unterschiedlichen Markern und derselben Zellenanzahl hinkriege.
Also! Okay! Wäre es möglich, etwas davon zu automatisieren? Vielleicht, falls machbar, die anderen Zellen automatisch füllen? Wenn ich also 12 Zellen habe, dass sie automatisch bis zum letzten Timestamp oder letzten Marker aufgefüllt werden? So könnte ich eine weitere Datei mit automatisch gefüllten Markern aus einem anderen Teil des Videos machen. Ich glaub, das wäre eine feine Änderung!
Auf jeden Fall danke für die Erklärung, ich kann jetzt getrennte Dateien mit getrennten Markern machen. Nochmal danke für die Erklärungen und das Tool.
 
RevvingUpkj Kannst du nochmal erklären, warum du deine 48-Zellen-Dateien nicht alle auf einmal machen kannst? Ich verstehe nicht, was du damit meinst, dass die Thumbnails "zusammengequetscht" sind. Zwei Dateien zu machen ändert bei gleicher Spaltenzahl nichts an der Größe der Thumbnails, der Wert "Output Width (px)" wird durch die Anzahl der Spalten geteilt... also nimm vielleicht weniger Spalten und mehr Zeilen? Dann kriegst du größere einzelne Thumbnails.
Ich schau mir deine Posts an und ehrlich gesagt wirken die Thumbnails ziemlich normal und groß genug (ich sehe ein paar mit 30-35 Zellen, bei 100% Zoom ist die Qualität top). Du hast die Ausgabebreite auf 3840px erhöht, aber du kannst auch höher gehen, wenn du willst, du musst die Zahl nur ins Textfeld eingeben... dasselbe gilt für die Anzahl der Spalten/Zeilen, der Bereich/Slider ist nur "weich begrenzt" (für die gängigsten Werte), du kannst größere Werte eingeben.
Sonst weiß ich nicht so recht, wie ich das, was du willst, automatisieren könnte, ohne die normalen Anwendungsfälle (in 1 Datei) zu stören. Die Oberfläche des Timestamp-Editors ist schon ziemlich voll, ich will nicht noch mehr Buttons hinzufügen oder alles komplizierter machen, vor allem nicht für Mobile.
 
ah, ich erkläre mich absolut nicht richtig. wir sind jetzt komplett auf verschiedenen Seiten. Tut mir leid. ich weiß nicht mehr, wie ich es erklären soll. aber ist ok, danke dir vielmals fürs Versuchen.
 
Ich hab versucht, den Punkt zu verstehen, kann sein dass ich falsch liege, aber lass mich erklären, was ich verstanden habe.
Du brauchst 2 verschiedene Sheets, eins für die erste Hälfte, eins für die zweite.
-
Eine bessere und einfachere Lösung wäre vielleicht, ein einzelnes Sheet mit doppelter Auflösung zu generieren und das Bild mit irgendeiner Software, die es im Internet gibt, glaube ich, in zwei gleiche Hälften zu schneiden.
-
Und ich hab selbst versucht, genau das zu machen, was du wolltest, und konnte nachvollziehen, warum es schwierig ist.
Wir haben aktuell keine Option, dass die Engine gleichmäßig verteilte Timestamps für ein Videosegment erzeugt. Deshalb ist es schwer, die Timestamps manuell zu bearbeiten, um sie an 24 verschiedenen Stellen zu setzen.
Und ein weiteres Problem dabei: Wenn ich aus Versehen lange auf einen Timestamp drücke, ist er weg.
Ich hab mir ein paar Lösungen überlegt, die für Nutzer hilfreich sein könnten und in die erweiterten Einstellungen innerhalb der Einstellungen gepackt werden könnten, damit das Tool einfach bleibt.
-
1. Der Nutzer soll das Segment wählen können, für das er ein Sheet generieren will. (Also sekundengenau von-bis. Bei einem 1200-Sekunden-Video kann er z. B. wählen, dass die automatischen gleichmäßig verteilten Timestamps nur für das Segment 600-900 Sekunden erzeugt werden. Das löst sich dann leicht.)
2. Das Löschen per langem Drücken lässt sich am Desktop leicht handhaben. Aber auf dem Handy mit vollgepackten Elementen ist es schwierig. Ein Schalter zum Ausschalten davon in den erweiterten Einstellungen wäre also hilfreich. Dann kann man einen Timestamp nur noch löschen, indem man in der Liste auf das "x" tippt.
3. Eine Option zum Vor-/Zurückspringen um x Sekunden. Dann können die Nutzer leichter den besten Shot zum Grabben finden.
Noch mal: Das macht das Tool komplex, also alles in die erweiterten Einstellungen, damit es der behält, der es will.
-
Ich dachte nur, das könnte eine Möglichkeit sein, das zu lösen. ich hab absolut keine Ahnung, wie viel Zeit/Aufwand die Umsetzung kostet.
Vielleicht hab ich manche Sätze schlecht formuliert, sorry falls, ich wollte total nur helfen, das Tool besser zu machen, du hast dieser Community ja schon so viel geholfen.
 
Danke fürs Klarstellen.
Genau mein Punkt. Der einzige Unterschied ist, dass du zwei Bilder hast, und ehrlich gesagt fände ich es als jemand, der ein Video runterlädt, verwirrender, wenn du mir zwei Contact Sheets für dasselbe Video zeigst: "Ist das Teil 1? Wo ist Teil 2?". Du kannst jedes andere Tool benutzen, um einen Teil des Bildes auszuschneiden/zu kopieren und jeden Teil einzeln hochzuladen, wenn du das wirklich willst... selbst am Handy ist das ziemlich einfach, ich baue vorerst keine Funktionen zur Bildbearbeitung ein.

Stimmt, und das ist meiner Meinung nach ein relativ fortgeschrittener/seltener Anwendungsfall... wenn du ein Contact Sheet für ein Video erstellen willst, sollte es den Inhalt des ganzen Videos zeigen, nicht nur einen Ausschnitt. Ich könnte ein Modal mit ein paar Optionen bauen, um eine Gruppe von Markern anhand bestimmter Parameter hinzuzufügen, mit der Möglichkeit, Start-/Endzeit festzulegen. Ich hab früher auch mal mit der Idee gespielt, Szenenwechsel zu erkennen, aber das braucht zu viel Rechenzeit und ist relativ unzuverlässig, ein Bereich mit gleichmäßig verteilten Markern wäre einfacher.

Ich könnte eine Einstellung hinzufügen... aber man könnte es auch lösen, indem man am Handy erst den Marker auswählen muss, bevor man ihn lange drücken kann, und vielleicht eine "Rückgängig"-Toast-Meldung nach dem Löschen eines einzelnen Markers. Am Desktop wird der Marker per Rechtsklick entfernt, da passiert das also schwerer aus Versehen/ungenau.
Diese Funktion gibt es am Desktop schon mit den Pfeiltasten (1 Sekunde), mit Strg (Frame für Frame) und Shift (5 Sekunden) als Modifikatoren. Ich kann mehr Bedienelemente neben dem Play-Button hinzufügen.
Danke für das Feedback, ihr beiden, ich arbeite für das nächste Update noch etwas an der Oberfläche des Timestamp-Editors.
 
Oh
Ohhh... Die Suchfunktion sieht cool aus. Schade, dass ich kein Desktop-Nutzer bin.
Ja, eine Rückgängig-Anzeige könnte das lösen, denke ich, denn das Problem ist: Wenn ich drüberfahre und den Marker statt einer leeren Stelle berühre, wird er gelöscht, ohne dass ich merke, dass er gelöscht wurde. Mit einem Rückgängig hat man beides – man wird benachrichtigt und kann es rückgängig machen. Super Idee wie immer
Und danke, dass du immer alle Nutzerwünsche berücksichtigst!
 
Kleines Versionsupdate, gleiche URL: https://vidgrid-html-87fe95.gitlab.io/
VidGird-HTML v.3.5.3
Timestamp-Editor-UX auf Handy und Desktop überarbeitet:
  • Bessere Handhabung der Größe von Video, Grid-Layout und Markerliste. Am Handy werden sie jetzt konsistenter gestapelt, scroll runter, um sie zu sehen ;-)
  • Das Löschen von Markern per Longpress am Handy erfordert jetzt, dass man den Marker zuerst auswählt.
  • Eine bestimmte Zeit per Touch/Ziehen anzusteuern ist jetzt einfacher, nutze den unteren Teil der Seekbar (der obere Teil/die Markernummern dienen zum Auswählen von Markern)
  • Neu: Seek-Buttons (1 Frame, 1 Sekunde, 5 Sekunden), vorher nur mit Tastatur/Mausrad verfügbar.


  • Neu: Wenn die Markerliste leer ist, erscheinen "Quick Fill"-Buttons, mit denen du gleichmäßig verteilte Marker über die gesamte Dauer, die erste Hälfte oder die zweite Hälfte des Videos für alle Zellen hinzufügen kannst.


  • Neu: Einklappbares Grid-Layout und einklappbare Markerliste.
Das sollte eure Probleme am Handy lösen RevvingUpkj und Yuniqcorn
 
Du hast es geschafft!! Ich liebe diese Neuerungen. Die Möglichkeit, einfach Marker in der ersten und zweiten Hälfte hinzuzufügen, ist genau das, was ich mir gewünscht habe. Die Option, zwei getrennte Ausgaben mit gleichmäßig verteilten Markern zu machen!
Danke! Allein sie als Option zu haben ist fantastisch. Um längere Videos, oder auch jedes andere, aufzuteilen, kann man so mehr vom Video sauber zeigen. Es liefert mehr Vorschauen, ohne mehr Marker in eine Datei zu quetschen. Geile Ergänzung
 
RevvingUpkj Kein Problem, aber um das klarzustellen: Wenn du ein 6x8-Grid machst oder 2-mal 6x4 (mit jeder Hälfte), sollten die Thumbnails ziemlich identisch sein... deshalb habe ich den Unterschied, den du gesucht hast, nicht wirklich verstanden, aber ich freue mich, dass die neue Funktion deine Bedürfnisse erfüllt. Jedes Feedback ist willkommen!
 
Kleines Versionsupdate, gleiche URL: https://vidgrid-html-87fe95.gitlab.io/
VidGird-HTML v.3.6.1
Etwas mehr Liebe für den Timestamp-Editor, für alle, die riesige Raster mit vielen Zellen lieben... und für Mobile.
  • Neu: Button „Marker entfernen" ("-"), um den ausgewählten Marker leichter zu löschen, nur aktiv, wenn ein Marker ausgewählt ist.
  • Neu: Zoom-In-/Zoom-Out-Buttons und Übersichtsleiste. Damit kannst du die Seekbar-Timeline von 100% (Gesamtansicht) bis 1000% zoomen, um Marker präzise zu setzen, wenn sie dicht beieinander liegen. Der aktuelle Zoom-Prozentwert wird zwischen den Buttons angezeigt.

    timestamp-editor-zoom.mp4.webp

  • Einheitlichere Farben für den Zustand „ausgewählt" in jedem Theme.
 
Kleines Versionsupdate, gleiche URL: https://vidgrid-html-87fe95.gitlab.io/
VidGird-HTML v.3.7.0
Goonbox hat für animierte Bilder Limits für „Pixel über alle Frames" und „Gesamtframes" eingeführt. Damit die Ausgaben leichter darunter bleiben (und der Upload nicht fehlschlägt), habe ich diese beiden Infos als Schätzung (vor der Erstellung) und tatsächliche Prüfung (nach der Erstellung) eingebaut.
Hinweis: Die Goonbox-API ist noch nicht verfügbar, Uploads müssen also weiterhin manuell gemacht werden
  • Neu: Einstellungen in Tabs für leichteren Zugriff, plus der neue Tab „Animationen":






  • Neu: Animationsdetails mit Gesamtframes und Gesamtpixeln über alle Frames, mit Anzeigen, falls die in den Einstellungen festgelegten Grenzwerte überschritten werden.




 
erstmal, geiles Tool. zweitens, hat jemand schon ein gutes, Goonbox-kompatibles animiertes Grid-Template gefunden? ich musste echt viel Qualität opfern, damit es hochlädt, vielleicht gibt's einen besseren Weg, Abstriche zu machen?
 
Du musst dich anmelden oder registrieren, um hier zu antworten.
Zurück
Oben