LINUX.ORG.RU
ФорумJob

Динамические водяные знаки для Shaka Player (web development)

 


0

2

Есть видео плеер Shaka Player, который написан на javascript. Нужно реализовать «водяные знаки» в виде текста, который будет накладываться поверх видео, так чтобы, если человек записывал видео с экрана, то оно бы записалось вместе с этими знаками.

Выглядеть это должно примерно вот так https://www.vdocipher.com/blog/2014/12/add-text-to-videos-with-watermark/

Требования к самим водяным знакам:

• необходимо разместить по верх видео 3 водяных знака, каждый их которых представляет из себя короткую строку (до 40 символов). Сами строки передаются в виде параметров в скрипт.

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

• Размер и цвет водяных знаков должен задаваться в виде параметров для каждого знака. Водяные знаки не должны выходить за пределы плеера и должны отображаться полностью.

• Расположение водяных знаков на видео должно быть случайно, но они не должны накладываться друг на друга. Через некоторый, заданный параметром, интервал времени, водяные знаки должны поменять местоположение на видео. Реализацию задачи я вижу, как html элемент, который будет накладываться поверх плеера с использованием CSS. Но готов выслушать и ваши предложения.

Сделать это нужно в виде скомпилированного javascript файла (.js), a в теле html мы будем только передавать параметры скрипту. Нужно чтобы скрипт проверял домен, с которого он запускается и работал только с нашего домена. Оплата 10000р

По всем вопросам обращаться georgiogoodman@gmail.com

Вы же понимаете что это будет исключительно декорация? И если кому-то будет очень надо он отключит водяные знаки. Или именно надо просто создать ощущение будто водяной знак на видео что-бы не знаю отсечь желание что-то ковырять? Типа психологический приём ))) Но опять же. К слову сейчас в браузерах во всех есть фича когда любое видео можно вывести в чистом виде, а браузер свернуть вовсе.

Так что. Повторяюсь. 100% наложить водянку можно только при отдаче с сервера.

Если накладывать на видео что-то в браузере через js то оно будет видно только если юзер не использует всплывающие плееры браузерные новые, не умеет отключать css/js. Тогда да можно сфигачить.

Всё сведётся к подобному

.shaka-video-container:before {
    position: absolute;
    content:"Привет я водяной знак";
    font-size: 150%;
    color: red;
    z-index: 1;
}

Но это будет просто нашлёнка которую видно исключительно если смотреть просто в плеере или если плеер в фуллскрине. https://i.ibb.co/7k5ZHWV/2020-04-14-21-13-18-shaka-player-demo-appspot-com-bff84ce62465.png

LINUX-ORG-RU ★★ ()
Последнее исправление: LINUX-ORG-RU (всего исправлений: 2)
Ответ на: комментарий от LINUX-ORG-RU

Данная задача оказалась значительно сложнее, чем предполагалась изначально, но ее удалось реализовать; единственное, в итоге отказались от Shaka player и использовали кастомный плеер.

samson_b ()
Ограничение на отправку комментариев: только для зарегистрированных пользователей, score>=0