Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Как вставить картинку внутрь видео через drag and drap? (https://javascript.ru/forum/dom-window/60885-kak-vstavit-kartinku-vnutr-video-cherez-drag-drap.html)

amsterdam23 25.01.2016 21:43

Как вставить картинку внутрь видео через drag and drap?
 
Добрый день. Моя проблема, с которой я столкнулась.
на сайте есть видео и картинка - пользователь может перетазить картинку в видео drag and drap и картинка внедриться в видео + он указывает время в секундах сколько эта картинка там должна быть после чего онва должна исчезнуть. как это осуществить?

может быть как-то через ffmpeg или jquery?

amsterdam23 25.01.2016 21:44

p.s /перетащить *она
спасибо вам за ваши ответы. очень жду!

laimas 25.01.2016 22:01

Только ffmpeg, но это дела серверные.

amsterdam23 25.01.2016 22:16

а по-потробней? вот я скачала исходный код ffmpeg а дальще что?
и что значит серверные, если запрос к серверу отправляется уе после того как видео edited?

laimas 25.01.2016 22:32

Цитата:

Сообщение от amsterdam23
вот я скачала исходный код ffmpeg а дальще что?

Вы в рамках чего хотите перетащить, вклеить...? В браузере, в контексте веб страницы? И если да, то вам не скачивать ffmpeg, а иметь его на сервере, на хосте где ваш сайт размещен. Если его нет, то слезно просить техподдержку его вам установить, если они ни в какую, то искать другой, "благосклонный" к вам хост.

Если хотите потренироваться на локальном сервере, прежде чем поместить результаты тренинга на хост, то установите на своем компьютере локальный сервер, а уж в нем нужно установить ffmpeg. Как установить его под сервером, это читать в документации, там и различные сборки в зависимости от платформы, и другое "с бубном" нужно проделывать. Ну а далее читать документацию по ffmpeg, его команды.

И не обязательно "тасканием", это сугубо уже в силах JS сделать, но для начала, изучить как вставить кадры в видеопоток, достаточно и выбора файла полем формы с указанием метки времени куда вставить и длительности.

amsterdam23 26.01.2016 10:57

Цитата:

Сообщение от laimas (Сообщение 405027)
Только ffmpeg, но это дела серверные.

Цитата:

Сообщение от laimas (Сообщение 405030)
Вы в рамках чего хотите перетащить, вклеить...? В браузере, в контексте веб страницы? И если да, то вам не скачивать ffmpeg, а иметь его на сервере, на хосте где ваш сайт размещен. Если его нет, то слезно просить техподдержку его вам установить, если они ни в какую, то искать другой, "благосклонный" к вам хост.

Если хотите потренироваться на локальном сервере, прежде чем поместить результаты тренинга на хост, то установите на своем компьютере локальный сервер, а уж в нем нужно установить ffmpeg. Как установить его под сервером, это читать в документации, там и различные сборки в зависимости от платформы, и другое "с бубном" нужно проделывать. Ну а далее читать документацию по ffmpeg, его команды.

И не обязательно "тасканием", это сугубо уже в силах JS сделать, но для начала, изучить как вставить кадры в видеопоток, достаточно и выбора файла полем формы с указанием метки времени куда вставить и длительности.

хорошо, даже если я найду такой сервер с ffmpeg они же за меня ничего делать не будут... все равно не понятно (да, в контексте страницы)

laimas 26.01.2016 12:44

Вы хотите чтобы вам написали готовое? Тогда в раздел "Работа".
Если вопрос, то заглубляемся в команды ffmpeg, а также на других ресурсах можно всякое разное найти, это уже к Гугл. А последовательность будет следующая:

1) Распаковали видео файл приемник, отдельно звуковая дорожка, отдельно видео кадры.
2) Вставили в видео кадры последовательность вставляемых изображений в место старта, что можно найти по частоте кадров в сек.
3) упаковали новый видео ряд в видео и добавили звук, при этом за счет увеличения длительности видео может нарушится синхронизация видео/звук.

Вот такая стратегия в общем плане.

amsterdam23 26.01.2016 14:07

Цитата:

Сообщение от laimas (Сообщение 405070)
Вы хотите чтобы вам написали готовое? Тогда в раздел "Работа".
Если вопрос, то заглубляемся в команды ffmpeg, а также на других ресурсах можно всякое разное найти, это уже к Гугл. А последовательность будет следующая:

1) Распаковали видео файл приемник, отдельно звуковая дорожка, отдельно видео кадры.
2) Вставили в видео кадры последовательность вставляемых изображений в место старта, что можно найти по частоте кадров в сек.
3) упаковали новый видео ряд в видео и добавили звук, при этом за счет увеличения длительности видео может нарушится синхронизация видео/звук.

Вот такая стратегия в общем плане.

Большое вам человеческая спасибо !


Часовой пояс GMT +3, время: 23:19.