Как кастомизировать плеер?

Енот
Новичо́к, через «о́»
Регистрация
26 Авг 2018
Сообщения
493
#1
Форумчане, доброго времени суток.
Подскажите как кастомизировать плеер от CP, нашел не GitHub CinemaPlayer
на странице прописал
Код:
                                <% /* Плеер */ %>
                                    <div id="cinemapress-player">
                                        <% if (page.player) { %>
                                            <div
                                                id="player"
                                                data-player-tabs-google-font="Balsamiq Sans"
                                                data-player-tabs-font-size="18px"
                                                data-player-tabs-width="163px"
                                                data-player-tabs-color="#fbe0cf"
                                                data-player-tabs-top="8px"
                                                data-player-tabs-left="3px"
                                                data-player-tabs-border-radius="3%"
                                                data-player-tabs-border-width="2px"
                                                data-player-tabs-border-style="solid"
                                                data-player-tabs-border-color="rgba(91,95,122,.8)"
                                                data-player-tabs-background="rgba(34,34,49,.8)"
                                                data-player-tabs-item-google-font="Balsamiq Sans"
                                                data-player-tabs-item-font-size="18px"
                                                data-player-tabs-item-background="rgba(34,34,49,.8)"
                                                data-player-tabs-item-hover-background="#21202a"
                                                data-player-background-image="https://example.club/themes/snow/public/images/player_desktop.jpg"
                                                data-player-api="https://CinemaPlayer.github.io/example/api-object.json"
                                            ></div>
                                            <script src="https://example.club/themes/snow/public/js/player.js"></script>
                                        <% } %>
                                    </div>
Скрипт плеера скачал с гита и разместил по адресу https://example.club/themes/snow/public/js/player.js
по итогу плеер отображается но с данными из https://CinemaPlayer.github.io/example/api-object.json
как передать данные о фильме/сериале, со страницы, в стоковый плеер они откуда-то ведь поступают...
 
Енот
Новичо́к, через «о́»
Регистрация
30 Мар 2018
Сообщения
123
#2
вот это все что с data начинается в модуле плеера внизу страницы в виде json вставить и с двойными кавычками

{"data-player-tabs-google-font": "Balsamiq Sans"}
 
Енот
Новичо́к, через «о́»
Регистрация
26 Авг 2018
Сообщения
493
#3
вот это все что с data начинается в модуле плеера внизу страницы в виде json вставить и с двойными кавычками

{"data-player-tabs-google-font": "Balsamiq Sans"}
Возможно я не верно выразился, плеер отображается, все атрибуты начинающиеся с дата передаются, скрипт отрабатывает, но фильм тянется из гитхаба (кобра кай), пробовал аргументы в модуле прописывать т указывать скрипт, почему то не срабатывает, кэш в ЦМС, в агрегаторе CloudFlare и браузере чистил.
Только по этому и полез в код переписывать плеер
 
Енот
Новичо́к, через «о́»
Регистрация
30 Мар 2018
Сообщения
123
#4
Возможно я не верно выразился, плеер отображается, все атрибуты начинающиеся с дата передаются, скрипт отрабатывает, но фильм тянется из гитхаба (кобра кай), пробовал аргументы в модуле прописывать т указывать скрипт, почему то не срабатывает, кэш в ЦМС, в агрегаторе CloudFlare и браузере чистил.
Только по этому и полез в код переписывать плеер
в коде править не нужно
всё в админ-панели
Кобра тянется отсюда data-player-api убрать из json этот пункт
 
Енот
Новичо́к, через «о́»
Регистрация
30 Мар 2018
Сообщения
123
#5
либо в data-player-api вставить тот api который генерирует cms
/cinemaplayer/information
либо если активен online
/cinemaplayer/online

но лучше все делать из админки
 
Енот
Новичо́к, через «о́»
Регистрация
26 Авг 2018
Сообщения
493
#6
Кобра тянется отсюда data-player-api убрать из json этот пункт
так об этом я и писал выше
по итогу плеер отображается но с данными из https://CinemaPlayer.github.io/example/api-object.json

либо в data-player-api вставить тот api который генерирует cms
/cinemaplayer/information
либо если активен online
/cinemaplayer/online

но лучше все делать из админки
Ну так это и ежу понятно, я не могу отловить процесс генерации, об этом тоже написано в 1 шапке поста
как передать данные о фильме/сериале, со страницы, в стоковый плеер они откуда-то ведь поступают...
 
Енот
Новичо́к, через «о́»
Регистрация
30 Мар 2018
Сообщения
123
#7
поубирать нужно все с шаблона на то как было
затем зайти в модуле плеер в самом низу открывающееся меню
там где "data-cinemaplayer-tabs-top": "15px"
ниже поставить запятую и прописать кастомный шрифт
"data-player-tabs-google-font": "Balsamiq Sans"

если на сайте поменяется, значит там все остальные кастомизации прописывать нужно
у меня там почему-то не меняется расположение плашки с сезонами и сериями
тогда шрифт прописать в json на той же странице модуля в меню с /cinemaplayer/information

из какого-то поля точно кастомизация подтянется
 
Енот
Новичо́к, через «о́»
Регистрация
26 Авг 2018
Сообщения
493
#8
@cosmos, Я видел вы участвовали в дискуссии. Подскажите пожалуйста еще по 1 вопросу, страница с трейлером отображает вместо плеера черный прямоугольник.
На тестовом сайте используется ID KP
ид.jpg
добавлен 1 сериал с ID KP
фильм.jpg

Из большого списка плееров грузится только коллапс, хорошо хоть он работает (траф с 10К до 500 упал)
(по этому уже выучил огромное количество нецензурной лексики)
рез.jpg
страница информации о сериале
инф.jpg

страница трейлера
трейлер.jpg

параметры в админке
плеер.jpg
CinemaPlayer API: /cinemaplayer/trailer
Код:
/api?token=TEST&id=[kp_id] ~ "" ~ result.embed <> _VALUE_?season=[season]&episode=[episode]

/api?token=TEST&id=[kp_id] ~ "Трейлер" ~ result.trailer

https://api.themoviedb.org/3/[type]/[tmdb_id]?language=ru&append_to_response=videos&api_key=269890f657dddf4635473cf4cf456576 ~ "Трейлер (TMDb)" ~ videos.results.0.key <> https://www.youtube.com/embed/_VALUE_ ~ videos.results.0.key <> https://img.youtube.com/vi/_VALUE_/sddefault.jpg

https://www.googleapis.com/youtube/v3/search?part=id%2Csnippet&maxResults=1&key=AIzaSyCsT5C4pBFWpzyP4hEOen2ZBhn26AhMCkM&q=[title]%20[year]%20%D1%82%D1%80%D0%B5%D0%B9%D0%BB%D0%B5%D1%80 ~ "Трейлер (YouTube)" ~ items.0.id.videoId <> https://www.youtube.com/embed/_VALUE_ ~ items.0.id.videoId <> https://img.youtube.com/vi/_VALUE_/sddefault.jpg
рез.jpg
 
Последнее редактирование:
Енот
Новичо́к, через «о́»
Регистрация
30 Мар 2018
Сообщения
123
#9
если трейлеры вручную в кастомное поле не добавляются, то в первых двух записях нет надобности и их удалить

затем идёт поиск через tmdb, у фильма у этого если прописать tmdb id и если трейлер есть, то должно найти

и последнее поиск на ютюбе по названию, тут легко упереться в лимиты, может там api ключ уже исчерпал лимиты на сегодня

почему грузится только коллапс? все плееры по api норм выдают видео
 
Енот
Новичо́к, через «о́»
Регистрация
26 Авг 2018
Сообщения
493
#10
перепроверил, действительно из всех источников работает только TMDb, но их id прописан далеко не у всех произведений.
Буду искать источники для id_kp, скорее всего так же с балансиров дёргать буду.
По поводу ютуба вы скорее всего правы, эта строка по дефолту прописана в CMS и лимит скорее всего убит или вероятнее всего токен сменен
 
Енот
Новичо́к, через «о́»
Регистрация
26 Авг 2018
Сообщения
493
#11
Всем доброго времени суток, помогите с нормальной настройкой или адаптацией страницы episode.ejs при открытии страницы какого либо эпизода в селекторах плеера отображается 1 сезон и 1 серия.
Screenshot_1.png

В настройках плеера прописано:

Код:
{
    "data-cinemaplayer-api": "/cinemaplayer/information",
    "data-cinemaplayer-query-api-id": "[id]",
    "data-cinemaplayer-query-api-imdb_id": "[imdb_id]",
    "data-cinemaplayer-query-api-tmdb_id": "[tmdb_id]",
    "data-cinemaplayer-query-api-douban_id": "[douban_id]",
    "data-cinemaplayer-query-api-tvmaze_id": "[tvmaze_id]",
    "data-cinemaplayer-query-api-wa_id": "[wa_id]",
    "data-cinemaplayer-query-api-movie_id": "[movie_id]",
    "data-cinemaplayer-query-api-type": "[type]",
    "data-cinemaplayer-query-api-title": "[title]",
    "data-cinemaplayer-query-api-year": "[year]",
    "data-cinemaplayer-query-api-season": "[season]",
    "data-cinemaplayer-query-api-episode": "[episode]",
    "data-cinemaplayer-query-api-ip": "[ip]",
    "data-cinemaplayer-query-api-hash": "[hash]"
}
Код:
{
    "data-cinemaplayer-api": "/cinemaplayer/online",
    "data-cinemaplayer-query-api-id": "[id]",
    "data-cinemaplayer-query-api-imdb_id": "[imdb_id]",
    "data-cinemaplayer-query-api-tmdb_id": "[tmdb_id]",
    "data-cinemaplayer-query-api-douban_id": "[douban_id]",
    "data-cinemaplayer-query-api-tvmaze_id": "[tvmaze_id]",
    "data-cinemaplayer-query-api-wa_id": "[wa_id]",
    "data-cinemaplayer-query-api-movie_id": "[movie_id]",
    "data-cinemaplayer-query-api-type": "[type]",
    "data-cinemaplayer-query-api-title": "[title]",
    "data-cinemaplayer-query-api-year": "[year]",
    "data-cinemaplayer-query-api-season": "[season]",
    "data-cinemaplayer-query-api-episode": "[episode]",
    "data-cinemaplayer-query-api-ip": "[ip]",
    "data-cinemaplayer-query-api-hash": "[hash]"
}
Код:
{
    "data-cinemaplayer-api": "/cinemaplayer/trailer",
    "data-cinemaplayer-query-api-id": "[id]",
    "data-cinemaplayer-query-api-imdb_id": "[imdb_id]",
    "data-cinemaplayer-query-api-tmdb_id": "[tmdb_id]",
    "data-cinemaplayer-query-api-douban_id": "[douban_id]",
    "data-cinemaplayer-query-api-tvmaze_id": "[tvmaze_id]",
    "data-cinemaplayer-query-api-wa_id": "[wa_id]",
    "data-cinemaplayer-query-api-movie_id": "[movie_id]",
    "data-cinemaplayer-query-api-type": "[type]",
    "data-cinemaplayer-query-api-title": "[title]",
    "data-cinemaplayer-query-api-year": "[year]",
    "data-cinemaplayer-query-api-ip": "[ip]",
    "data-cinemaplayer-query-api-hash": "[hash]"
}
Код:
{
    "data-cinemaplayer-slider-api": "/cinemaplayer/picture",
    "data-cinemaplayer-slider-query-api-id": "[id]",
    "data-cinemaplayer-slider-query-api-imdb_id": "[imdb_id]",
    "data-cinemaplayer-slider-query-api-tmdb_id": "[tmdb_id]",
    "data-cinemaplayer-slider-query-api-douban_id": "[douban_id]",
    "data-cinemaplayer-slider-query-api-tvmaze_id": "[tvmaze_id]",
    "data-cinemaplayer-slider-query-api-wa_id": "[wa_id]",
    "data-cinemaplayer-slider-query-api-movie_id": "[movie_id]",
    "data-cinemaplayer-slider-query-api-type": "[type]",
    "data-cinemaplayer-slider-query-api-title": "[title]",
    "data-cinemaplayer-slider-query-api-year": "[year]",
    "data-cinemaplayer-slider-query-api-ip": "[ip]",
    "data-cinemaplayer-slider-query-api-hash": "[hash]"
}
Код:
{
    "data-cinemaplayer-tabs-top": "15px",
    "data-cinemaplayer-tabs-left": "15px",
    "data-cinemaplayer-tabs-right": "",
    "data-cinemaplayer-loader-display": "none",
    "data-cinemaplayer-select-season": "[season]",
    "data-cinemaplayer-select-episode": "[episode]"
}

JavaScript https://CinemaPlayer.github.io/cinemaplayer.js
 
Последнее редактирование:
Енот
Новичо́к, через «о́»
Регистрация
30 Мар 2018
Сообщения
123
#12
@Aleksey покажите что в Настройка встраиваемого плеера /embed/[id]

выше вы не вставили это
 
Енот
Новичо́к, через «о́»
Регистрация
26 Авг 2018
Сообщения
493
#13
@Aleksey покажите что в Настройка встраиваемого плеера /embed/[id]

выше вы не вставили это
Внес изменения в пост
{
"data-cinemaplayer-tabs-top": "15px",
"data-cinemaplayer-tabs-left": "15px",
"data-cinemaplayer-tabs-right": "",
"data-cinemaplayer-loader-display": "none",
"data-cinemaplayer-select-season": "[season]",
"data-cinemaplayer-select-episode": "[episode]"
}
 
Енот
Новичо́к, через «о́»
Регистрация
30 Мар 2018
Сообщения
123
#14
в модуле глянь как этот плеер выводится, есть ли <> _VALUE_?season=[season]&episode=[episode]
без этого в плеер не передастся сезон и эпизод

еще у этого плеера оно может называться не season=[season] а например просто s=[season] или sezon=[season] тут как балансер решит