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

@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, а, т.е. ты ждёшь, что мы полезем смотреть исходники того прототипа и по ним тебе твои хотелки реализовывать? В этом твой вопрос?

Новые блоги и статьи Все статьи Все блоги /
Программный контроль заполнения реквизита табличной части документа Maks 02.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: реализовать контроль заполнения реквизита "ПричинаСписания". . .	wmic не является внутренней или внешней командой Maks 02.04.2026 Решение: DISM / Online / Add-Capability / CapabilityName:WMIC~~~~ Отсюда: https:/ / winitpro. ru/ index. php/ 2025/ 02/ 14/ komanda-wmic-ne-naydena/	Программная установка даты и запрет ее изменения Maks 02.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: при создании документов установить период списания автоматически. . .	Вывод данных в справочнике через динамический список Maks 01.04.2026 Реализация из решения ниже выполнена на примере нетипового справочника "Спецтехника" разработанного в конфигурации КА2. Задача: вывести данные из ТЧ нетипового документа. . .
Программное заполнения текстового поля в реквизите формы документа Maks 01.04.2026 Алгоритм из решения ниже реализован на нетиповом документе "ВыдачаОборудованияНаСпецтехнику" разработанного в конфигурации КА2, в дополнении к предыдущему решению. На форме документа создается. . .	К слову об оптимизации kumehtar 01.04.2026 Вспоминаю начало 2000-х, университет, когда я писал на Delphi. Тогда среди программистов на форумах активно обсуждали аккуратную работу с памятью: нужно было следить за переменными, вовремя. . .	Идея фильтра интернета (сервер = слой+фильтр). Hrethgir 31.03.2026 Суть идеи заключается в том, чтобы запустить свой сервер, о чём я если честно мечтал давно и давно приобрёл книгу как это сделать. Но не было причин его запускать. Очумелые учёные напечатали на. . .	Модель здравосоХранения 6. ESG-повестка и устойчивое развитие; углублённый анализ кадрового бренда anaschu 31.03.2026 В прикрепленном документе раздумья о том, как можно поменять модель в будущем

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

	Раскадровка видео онлайн 05.10.2023, 23:19. Показов 1387. Ответов 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 14314 / 9399 / 1355 Регистрация: 21.01.2016 Сообщений: 35,435
	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 14314 / 9399 / 1355 Регистрация: 21.01.2016 Сообщений: 35,435
	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 14314 / 9399 / 1355 Регистрация: 21.01.2016 Сообщений: 35,435
	06.10.2023, 09:12
	airstels, а, т.е. ты ждёшь, что мы полезем смотреть исходники того прототипа и по ним тебе твои хотелки реализовывать? В этом твой вопрос? 0