Инструменты VidGrid-HTML - Настраиваемые сетки миниатюр видео в браузере

Ну, 😌 у меня не получается. Пробую на десктопе, но, к сожалению, никак. Не страшно, конечно. Я поровну разделил ячейки на два файла, и они всё равно выдают абсолютно одинаковые кадры. Типа сдаюсь, потому что нормально объяснить не могу. В любом случае, большое спасибо, я всё равно часто пользуюсь тулзой
 
RevvingUpkj Если только дело не в самом видео (возможно, некоторые видеоформаты поддерживаются так себе, особенно в мобильных браузерах), я не могу воспроизвести твою проблему.
Только что проверил в Chrome на Android:
1. Загружаю файл
2. Загружаю тот же файл ещё раз (в очереди два)
3. Редактирую таймстемпы первого файла в очереди, ставлю все таймстемпы в первую половину видео, сохраняю
4. Редактирую таймстемпы второго файла в очереди, ставлю таймстемпы во вторую половину, сохраняю
5. Запускаю обработку.
Получаю два разных результата:


48 ячеек я не делал, но сомневаюсь, что будет иначе. Учти, что НУЖНО указать ВСЕ маркеры, если указать только часть, недостающие заполнятся автоматически и будут взяты из стандартных, начиная с начала файла, может, в этом и была проблема? Если тебе нужно всего 24 ячейки в каждом файле, делай сетку на 24 ячейки 😅 VidGrid не поддерживает «неполные» сетки, он сообщает об «авто»-маркерах, если сохранить меньше ожидаемого, а количество маркеров в редакторе таймстемпов горит красным (и в раскладке сетки видны недостающие ячейки):
 
Именно! Дело было точно в этом. Я не заполнял остальные маркеры. Поэтому всё начиналось с начала файла, и оба результата выходили одинаковыми. Огромное спасибо за объяснение. Теперь я знаю, как сделать два отдельных файла с разными маркерами и с одинаковым количеством ячеек.
Итак! Ок! А можно ли что-то из этого автоматизировать? Может, если возможно, сделать автозаполнение остальных ячеек? Например, если у меня 12 ячеек, чтобы они сами заполнялись до последнего таймстемпа или последнего маркера? Тогда я смог бы сделать ещё один файл с автозаполненными маркерами из другой части видео. Думаю, это была бы классная фича!
В любом случае, спасибо за объяснение, теперь я могу делать отдельные файлы с отдельными маркерами. Ещё раз спасибо за объяснения и за тулзу.
 
RevvingUpkj Можешь ещё раз объяснить, почему ты не можешь сделать свои файлы на 48 ячеек сразу целиком? Я не понимаю, что значит, что миниатюры «сжаты». Если сделать два файла с тем же числом столбцов, размер миниатюр не изменится, значение «Output Width (px)» делится на число столбцов... так что, может, поставь меньше столбцов и больше строк? Тогда отдельные миниатюры будут крупнее.
Смотрю твои посты, и, честно говоря, миниатюры выглядят вполне нормально и достаточно большими (вижу несколько на 30-35 ячеек, если открыть в 100% масштабе, качество отличное). Ты увеличил ширину вывода до 3840px, но можно и выше, если хочешь, просто впиши число в текстовое поле... то же самое с числом столбцов/строк: диапазон/ползунок имеет только «мягкое ограничение» (для самых частых значений), можно вводить и большие значения.
А так я не очень понимаю, как автоматизировать то, что ты хочешь, не сломав обычные сценарии (в 1 файл), интерфейс редактора таймстемпов и так перегружен, не хочу добавлять кнопки и усложнять, особенно для мобилок.
 
а, я совершенно не так объясняю. мы теперь вообще на разных волнах. Извини. я уже не знаю, как объяснить. но ничего страшного, большое спасибо, что попытался.
 
Я попытался уловить суть, может, ошибаюсь, но давай расскажу, что я понял.
Тебе нужно 2 разных листа, один для первой половины, другой для второй.
-
Лучшим и более простым решением может быть сгенерировать один лист с двойным разрешением и разрезать картинку на две равные половины любой программой, какие есть в интернете, наверное.
-
И я сам попробовал сделать ровно то, что ты хотел, и понял, почему это сложно.
Сейчас у нас нет опции, чтобы движок генерировал равномерно распределённые таймстемпы для отрезка видео. Поэтому сложно вручную править таймстемпы, чтобы расставить их в 24 разных местах.
И ещё одна проблема, с которой я столкнулся: если случайно долго нажать на таймстемп, он пропадает.
Я придумал несколько решений, которые могли бы помочь пользователям и которые можно спрятать в расширенные настройки внутри настроек, чтобы инструмент оставался простым.
-
1. Дать пользователю выбрать отрезок, для которого он хочет сгенерировать лист. (Типа, чтобы выбирал от секунды до секунды. Например, видео на 1200 секунд, и он может выбрать, чтобы автоматические равномерные таймстемпы генерировались только для отрезка 600-900 секунд. Так всё легко решается).
2. Удаление таймстемпа долгим нажатием легко обрабатывается на десктопе. Но на мобиле с тесными элементами это сложно. Поэтому переключатель для отключения этого в расширенных настройках был бы полезен. Тогда удалить таймстемп можно будет только нажатием на «x» в списке.
3. Добавить опцию перемотки вперёд/назад на x секунд. Чтобы пользователям было легко найти лучший кадр для захвата.
Опять же, это усложняет инструмент, так что убери всё в расширенные настройки, чтобы тот, кому надо, мог оставить.
-
Просто подумал, что это может быть вариантом решения. понятия не имею, сколько времени/усилий уйдёт на реализацию.
Возможно, я плохо сформулировал некоторые фразы, прости, если так, я просто хотел помочь сделать инструмент лучше, ты ведь очень сильно помогаешь этому сообществу.
 
Спасибо, что уточнил.
Именно это я и имел в виду. Единственная разница в том, что у тебя две картинки, и, честно говоря, мне как человеку, который скачивает видео, было бы более непонятно, если мне показывают два контактных листа для одного и того же видео: «это часть 1? а где часть 2?». Если очень хочешь, можешь взять любой другой инструмент, вырезать/скопировать часть картинки и загрузить каждую часть отдельно... даже на телефоне это довольно просто, функции работы с изображениями/редактирования я пока не встраиваю.

Верно, и по-моему это довольно продвинутый/редкий сценарий... если ты делаешь контактный лист для видео, он должен показывать содержимое всего видео, а не его отрезка. Думаю, я мог бы сделать модальное окно с парой опций, чтобы добавлять группу маркеров по определённым параметрам, с возможностью задать время начала/конца. Я раньше ещё играл с идеей определения смены сцен, но это занимает слишком много времени на обработку и довольно ненадёжно, а вот диапазон равномерно расставленных маркеров сделать проще.

Можно добавить настройку... но это можно решить и так: на телефоне сначала нужно выбрать маркер, и только потом можно будет его долго нажать, плюс, может быть, добавить всплывающее уведомление «Отменить» после удаления отдельного маркера. На десктопе маркер удаляется правым кликом мыши, так что случайно/неточно сделать это сложнее.
Эта функция уже есть на десктопе со стрелками (1 секунда), с Ctrl (покадрово) и Shift (5 секунд) в качестве модификаторов. Могу добавить больше кнопок рядом с кнопкой Play.
Спасибо за отзывы вам обоим, я ещё поработаю над интерфейсом редактора Timestamp к следующему обновлению.
 
О
ООО... Функция перемотки выглядит классно. Жаль, что я не пользуюсь десктопом.
Да, индикатор отмены, думаю, подойдёт, потому что проблема в том, что когда я вожу пальцем, если я попадаю по маркеру вместо пустого места, он удаляется, а я даже не замечаю, что он удалился. Так что отмена решает обе задачи — и уведомляет, и возвращает всё назад. Отличная мысль, как всегда
И спасибо, что всегда учитываешь запросы всех пользователей!
 
Небольшое обновление версии, тот же URL: https://vidgrid-html-87fe95.gitlab.io/
VidGird-HTML v.3.5.3
Перерaботан UX редактора Timestamp на телефоне и десктопе:
  • Улучшена работа с размерами видео, сеткой и списком маркеров. На телефоне они теперь стабильнее выстраиваются друг под другом, пролистай вниз, чтобы увидеть ;-)
  • Чтобы удалить маркер долгим нажатием на телефоне, теперь сначала нужно выбрать этот маркер.
  • Перемотку на нужное время касанием/перетаскиванием сделали удобнее, используй нижнюю часть полосы перемотки (верхняя часть/номера маркеров нужны для выбора маркеров)
  • Новое: Кнопки перемотки (1 кадр, 1 секунда, 5 секунд), раньше были доступны только с клавиатуры/колёсика мыши.


  • Новое: Когда список маркеров пуст, появляются кнопки «Quick Fill», которые помогут добавить равномерно расположенные маркеры на всю длительность, первую половину или вторую половину видео для всех ячеек.


  • Новое: Сворачиваемые сетка и список маркеров.
Это должно решить ваши проблемы на телефоне RevvingUpkj и Yuniqcorn
 
Ты сделал это!! Обожаю эти добавления. Возможность легко добавлять маркеры на первую и вторую половину — это именно то, чего я хотел. Возможность сделать два отдельных результата с равномерно расставленными маркерами!
Спасибо! Даже просто наличие этого как опции — фантастика. Чтобы разбивать длинные видео, да и любые другие, можно показать больше видео в аккуратном виде. Даёт больше превью, не запихивая больше маркеров в один файл. Классное дополнение
 
RevvingUpkj Без проблем, но чтобы было ясно: если сделать сетку 6x8 или 2 раза по 6x4 (для каждой половины), миниатюры будут практически одинаковыми... поэтому я не особо понимал, какой разницы ты добивался, но рад, что новая функция тебе подходит. Любой фидбек приветствуется!
 
Небольшое обновление версии, тот же URL: https://vidgrid-html-87fe95.gitlab.io/
VidGird-HTML v.3.6.1
Чуть больше любви редактору таймстемпов — для тех, кто любит огромные сетки с кучей ячеек... и для мобилок.
  • Новое: Кнопка «Удалить маркер» ("-"), чтобы проще удалять выбранный маркер, активна только когда маркер выбран.
  • Новое: Кнопки приближения / отдаления и панель обзора. Позволяет масштабировать шкалу времени от 100% (полный вид) до 1000% для точной расстановки маркеров, когда они стоят близко. Текущий процент масштаба показан между кнопками.

    timestamp-editor-zoom.mp4.webp

  • Более единообразные цвета состояния «выбрано» для каждой темы.
 
Небольшое обновление версии, тот же URL: https://vidgrid-html-87fe95.gitlab.io/
VidGird-HTML v.3.7.0
В Goonbox ввели лимиты «пикселей по всем кадрам» и «общего числа кадров» для анимированных изображений. Чтобы проще было делать результаты, которые под них подходят (и загрузка не падала), я добавил эти две цифры как оценку (до генерации) и реальную проверку (после генерации).
Примечание: API Goonbox пока недоступно, так что загружать по-прежнему нужно вручную
  • Новое: Настройки по вкладкам для удобного доступа и новая вкладка «Анимации»:






  • Новое: Детали анимации: общее число кадров и общее число пикселей по кадрам, с индикаторами, если превышены пороги из настроек.




 
во-первых, отличный тул. во-вторых, кто-нибудь нашёл нормальный анимированный шаблон сетки, совместимый с goonbox? мне пришлось сильно пожертвовать качеством, чтобы оно загрузилось, может, есть способ получше?
 
Для ответа нужно войти/зарегистрироваться
Назад
Верх