Как добавить водяной знак к видео с помощью ReactJS
Я хочу добавить водяной знак к видео, а затем загрузить его в Firebase. Поэтому, если я получу видео из Firebase, оно должно отображаться с водяным знаком, а также может быть загружено с добавленным водяным знаком.
Пока не нашел решения для этого
@SashaKondrashov, можно ли как-нибудь сделать это с помощью ffmpeg?
Ответы 1
React — это платформа для презентации веб-сайта, а не для манипулирования видео. Чтобы добавить водяной знак к видео, которое также можно загрузить, вам необходимо изменить сам видеофайл.
Другие «решения» могут включать в себя квази-водяной знак через наложение в реакции (например, показ видео, а затем просто добавление элемента div с абсолютным позиционированием или что-то в этом роде), но на самом деле это не водяной знак, поскольку файл можно извлечь напрямую.
Обычно водяные знаки наносятся на сервере, на котором размещен веб-сайт, а не на клиенте, который его использует (реакция = браузер/клиент, бэкэнд может быть чем угодно). В Python есть несколько простых в использовании библиотек для небольших API (например, https://fastapi.tiangolo.com/ ) и множество инструментов для редактирования видео (например, водяной знак через FFmpeg или другую библиотеку в зависимости от вашего использование/видеофайлы)
React вам в этом не поможет! Вам нужен видеоредактор.