ТЗ:
- веб плеер должен работать на платформах: Андроид, ИОС, Windows
- веб плеер должен понимать классические плейлисты класса m3u: [пример живому исполнителю]
- веб плеер должен управляться кнопками клавиатуры (примерно так):
* ENTER - fullscreen (fullscreen - видео должно быть растянуто по размерам страницы, все остальные элементы должны появляться поверх видео, и скрываться через время.)
* SPACE - play/pause
* up/down - volume up/down
* right/left - next/prev channel
- веб плеер должен иметь корпоративный стиль (голубой оттенок и логотип: [пример живому исполнителю])
- при первом запуске запрос ввода лог.пасса или плейлиста
(три поля для ввода, кнопка "войти" и галочка "запомнить данные").
Поля:
// первые два поля появляются сразу:
* "логин (номер телефона)"
или
* "плейлист"
// поле пароль появляется если клиент заполнил поле логин. В случае указания плейлиста пароль не нужен
- по дефолту галочка "запомнить данные" включена (сохраняем чтобы при следующих заходах абоненту не приходилось заново вводить данные)
- все эти поля и настройки можно не интегрировать в плеер, а просто вставлять на страницу сайта где будет встроен плеер.
То есть, достаточно просто на сайте (движок wordpress) сделать страницу, куда встроить веб плеер, который кушает mp4 hls потоки. На той же странице устроить модуль авторизации и в зависимости от статуса авторизации выдавать плееру тот или иной плейлист.
- в интерфейсе окна куда вставлен плеер так же есть некое "авторизованное поле" "тулбар с личными данными / виджет" (данные авторизации (логин, тариф), кнопка выйти (позволит абоненту ввести другие данные авторизации), ссылка на личный кабинет )
- *ОПЦИОНАЛЬНАЯ ХОТЕЛКА* клиент может в в своем "авторизованном поле" указать несколько плейлистов. и в процессе просмотра видео переключаться между ними. (например, через кнопку "+" добавлять до 10ти различных плейлистов)
- *ОПЦИОНАЛЬНАЯ ХОТЕЛКА* плеер использует жанровую информацию из плейлиста и сортирует каналы аккордеоном по жанрам.
----- опции оплачиваются и выполняются отдельно
- поля лог и пасс имеют приоритет над плейлистом. Если они заполнены, то проигрывается плейлист присвоенный этому логину
- поле с плейлистом по дефолту заполнено серым [ссылка живому исполнителю]. Если переместить курсор на поле, то плейлист исчезнет, если нажать кнопку "войти" не заполняя лог/пасс/плейлист, то начнется проигрывание промо плейлиста
- если нажата галочка "запомнить данные" и не введен лог.пасс, и плейлист начинается не с "[ссылка живому исполнителю]" то всплывает окно [Для запоминания сторонних плейлистов пройдите регистрацию [ссылка живому исполнителю]]
- весь веб плеер упакован в формат для вордпресс сайта
Алгоритм проверки авторизации:
- после заполнения лог/пасс плеер отправляет запрос сюда [читай раздел Принцип работы с нашим билингом] существует ли в билинге такой пользователь
- если пользователь существует, то билинг генерирует индивидуальный плейлист с пометкой "для веб плеера" и отдает его плееру
- так же отдается дополнительная информация: название тарифа, индивидуальные плейлисты, если присутствуют
- если достигнут лимит плейлистов, то билинг пересылает сообщение "Достигнут лимит устройств. Удалите одно из устройств в Вашем личном кабинете"
- если пользователь не существует, то билинг пересылает сообщение "Пользователь с таким логином и паролем не существует. Проверьте данные."
Принцип работы с нашим билингом
POST-запрос на авторизация, на URL сервера (где-то хранить параметром конфигурации)
Ответ в JSON
1) поле result ok или error
2) поле data - данные абонента
2.1) поле account_id - ЛС абонента
2.2) поле playlist - ссылка на playlist:
Примеры плееров для сайта:
https://playerjs.com/docs/ru=playlist
https://videojs.com/
