Раскадровка видео онлайн

@airstels · Регистрация: 05.10.2023

Студворк — интернет-сервис помощи студентам

Добрый вечер форумчане. Я к вам обращаюсь за помощью, стоит задача следующая: # РАСКАДРОВКА

http://aroup.com/frames/framesN.html
Нажми Play чтобы видео проигралось.
Это прототип для создания раскадровки. Посмотреть как он устроен можно собссно, посмотрев код — там все на HTML и JS.

## Функционал:

- [ ] Нужно чтобы была возможность выбора своего видео с любого устройства (компьютер, мобильное)
- [ ] Нужно чтобы кадры отображались по следующей формуле:
- Точно отображаются первый и последний кадр
- Промежуточных кадров по умолчанию 8 (т. е. с первым и последним всего 10)
- Есть ползунок, на котором пользователь выбирает отображение каждого N-го кадра или количество кадров для отображения. Т. е. может задавать длину и детализацию раскадровки.
- [ ] Нужно чтобы была возможность удалять из раскадровки определенные кадры — например, в уголке каждого кадра крестик или минус.
- [ ] Сохранение (следующим шагом, когда будет решено все что выше):
- [ ] Возможность сохранения всей раскадровки одной картинкой.
- [ ] Сохранение видеофайлом/GIF как слайдшоу.
- С регулировкой длительности
- С регулировкой количества одновременно видимых кадров (полупрозрачно наложенных друг на друга) Пример наложения можно посмотреть тут: http://aroup.com/image-tool/mobile.html

## Опционально:

- [ ] Возможность Trim (изменение длины) видео.
- [ ] Возможность Crop (кадрирование) видео. Возможно с выбором пресетов 16:9, 9:16, 1:1 и т. п.
- [ ] Возможность минимальных настроек:
- Яркость
- Контраст и т. п.

С уважением к вам, Константин.
Беда с кодом, ломаю голову, что и как.

@Usaga · 06.10.2023, 07:40

airstels, а вопрос в чём?

@airstels · 06.10.2023, 08:03 **[ТС]**

Usaga, Вот прототип, как нужно.
view-source:http://aroup.com/frames/framesN.html
Вот сам этот код, или примерно другой код, но чтобы работал со всеми этими функциями, которые описаны выше.
Вот и думаю, что и как. Поэтому прошу у вас помощи, кто знает. С уважением, к вам Константин

@Usaga · 06.10.2023, 08:55

airstels, я понял, что там прототип. Вопрос в чём?

@airstels · 06.10.2023, 09:10 **[ТС]**

Usaga, Нужно написать сам код, который будет совмещать весь функционал, чтобы потом в будущем это разместить на сайте. Загвоздка, в самом коде

## Порядок работ:

1. Сначала сделать функционал.

2. Потом чуть причешем дизайн.

3. Потом сделаем это страницей на сайте.

4. В будущем возможно это станет одной из функций приложения.

@Usaga · 06.10.2023, 09:12

airstels, а, т.е. ты ждёшь, что мы полезем смотреть исходники того прототипа и по ним тебе твои хотелки реализовывать? В этом твой вопрос?

Новые блоги и статьи Все статьи Все блоги /
Thinkpad X220 Tablet — это лучший бюджетный ноутбук для учёбы, точка. Programma_Boinc 23.12.2025 Рецензия / Мнение/ Перевод Ниже машинный перевод статьи The Thinkpad X220 Tablet is the best budget school laptop period . Thinkpad X220 Tablet — это лучший бюджетный ноутбук для учёбы,. . .	PhpStorm 2025.3: WSL Terminal всегда стартует в ~ and_y87 14.12.2025 PhpStorm 2025. 3: WSL Terminal всегда стартует в ~ (home), игнорируя директорию проекта Симптом: После обновления до PhpStorm 2025. 3 встроенный терминал WSL открывается в домашней директории. . .	Как объединить две одинаковые БД Access с разными данными VikBal 11.12.2025 Помогите пожалуйста !! Как объединить 2 одинаковые БД Access с разными данными.	Новый ноутбук volvo 07.12.2025 Всем привет. По скидке в "черную пятницу" взял себе новый ноутбук Lenovo ThinkBook 16 G7 на Амазоне: Ryzen 5 7533HS 64 Gb DDR5 1Tb NVMe 16" Full HD Display Win11 Pro	Музыка, написанная Искусственным Интеллектом volvo 04.12.2025 Всем привет. Некоторое время назад меня заинтересовало, что уже умеет ИИ в плане написания музыки для песен, и, собственно, исполнения этих самых песен. Стихов у нас много, уже вышли 4 книги, еще 3. . .
От async/await к виртуальным потокам в Python IndentationError 23.11.2025 Армин Ронахер поставил под сомнение async/ await. Создатель Flask заявляет: цветные функции - провал, виртуальные потоки - решение. Не threading-динозавры, а новое поколение лёгких потоков. Откат?. . .	Поиск "дружественных имён" СОМ портов Argus19 22.11.2025 Поиск "дружественных имён" СОМ портов На странице: https:/ / norseev. ru/ 2018/ 01/ 04/ comportlist_windows/ нашёл схожую тему. Там приведён код на С++, который показывает только имена СОМ портов, типа,. . .	Сколько Государство потратило денег на меня, обеспечивая инсулином. Programma_Boinc 20.11.2025 Сколько Государство потратило денег на меня, обеспечивая инсулином. Вот решила сделать интересный приблизительный подсчет, сколько государство потратило на меня денег на покупку инсулинов. . . .	Ломающие изменения в C#.NStar Alpha Etyuhibosecyu 20.11.2025 Уже можно не только тестировать, но и пользоваться C#. NStar - писать оконные приложения, содержащие надписи, кнопки, текстовые поля и даже изображения, например, моя игра "Три в ряд" написана на этом. . .	Мысли в слух kumehtar 18.11.2025 Кстати, совсем недавно имел разговор на тему медитаций с людьми. И обнаружил, что они вообще не понимают что такое медитация и зачем она нужна. Самые базовые вещи. Для них это - когда просто люди. . .

@airstels 0 / 0 / 0 Регистрация: 05.10.2023 Сообщений: 3

	Раскадровка видео онлайн 05.10.2023, 23:19. Показов 1179. Ответов 5 Метки css, html (Все метки) Добрый вечер форумчане. Я к вам обращаюсь за помощью, стоит задача следующая: # РАСКАДРОВКА http://aroup.com/frames/framesN.html Нажми Play чтобы видео проигралось. Это прототип для создания раскадровки. Посмотреть как он устроен можно собссно, посмотрев код — там все на HTML и JS. ## Функционал: - [ ] Нужно чтобы была возможность выбора своего видео с любого устройства (компьютер, мобильное) - [ ] Нужно чтобы кадры отображались по следующей формуле: - Точно отображаются первый и последний кадр - Промежуточных кадров по умолчанию 8 (т. е. с первым и последним всего 10) - Есть ползунок, на котором пользователь выбирает отображение каждого N-го кадра или количество кадров для отображения. Т. е. может задавать длину и детализацию раскадровки. - [ ] Нужно чтобы была возможность удалять из раскадровки определенные кадры — например, в уголке каждого кадра крестик или минус. - [ ] Сохранение (следующим шагом, когда будет решено все что выше): - [ ] Возможность сохранения всей раскадровки одной картинкой. - [ ] Сохранение видеофайлом/GIF как слайдшоу. - С регулировкой длительности - С регулировкой количества одновременно видимых кадров (полупрозрачно наложенных друг на друга) Пример наложения можно посмотреть тут: http://aroup.com/image-tool/mobile.html ## Опционально: - [ ] Возможность Trim (изменение длины) видео. - [ ] Возможность Crop (кадрирование) видео. Возможно с выбором пресетов 16:9, 9:16, 1:1 и т. п. - [ ] Возможность минимальных настроек: - Яркость - Контраст и т. п. С уважением к вам, Константин. Беда с кодом, ломаю голову, что и как. 0

@Usaga 14096 / 9313 / 1349 Регистрация: 21.01.2016 Сообщений: 34,987
	06.10.2023, 07:40
	airstels, а вопрос в чём? 0

@airstels 0 / 0 / 0 Регистрация: 05.10.2023 Сообщений: 3
	06.10.2023, 08:03 [ТС]
	Usaga, Вот прототип, как нужно. view-source:http://aroup.com/frames/framesN.html Вот сам этот код, или примерно другой код, но чтобы работал со всеми этими функциями, которые описаны выше. Вот и думаю, что и как. Поэтому прошу у вас помощи, кто знает. С уважением, к вам Константин 0

@Usaga 14096 / 9313 / 1349 Регистрация: 21.01.2016 Сообщений: 34,987
	06.10.2023, 08:55
	airstels, я понял, что там прототип. Вопрос в чём? 0

@airstels 0 / 0 / 0 Регистрация: 05.10.2023 Сообщений: 3
	06.10.2023, 09:10 [ТС]
	Usaga, Нужно написать сам код, который будет совмещать весь функционал, чтобы потом в будущем это разместить на сайте. Загвоздка, в самом коде ## Порядок работ: 1. Сначала сделать функционал. 2. Потом чуть причешем дизайн. 3. Потом сделаем это страницей на сайте. 4. В будущем возможно это станет одной из функций приложения. 0

@Usaga 14096 / 9313 / 1349 Регистрация: 21.01.2016 Сообщений: 34,987
	06.10.2023, 09:12
	airstels, а, т.е. ты ждёшь, что мы полезем смотреть исходники того прототипа и по ним тебе твои хотелки реализовывать? В этом твой вопрос? 0