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

[Aleksey]

Форумчане, доброго времени суток.
Подскажите как кастомизировать плеер от 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
как передать данные о фильме/сериале, со страницы, в стоковый плеер они откуда-то ведь поступают...

 

[cosmos]

вот это все что с data начинается в модуле плеера внизу страницы в виде json вставить и с двойными кавычками

{"data-player-tabs-google-font": "Balsamiq Sans"}

 

[Aleksey]

вот это все что с data начинается в модуле плеера внизу страницы в виде json вставить и с двойными кавычками

{"data-player-tabs-google-font": "Balsamiq Sans"}

Возможно я не верно выразился, плеер отображается, все атрибуты начинающиеся с дата передаются, скрипт отрабатывает, но фильм тянется из гитхаба (кобра кай), пробовал аргументы в модуле прописывать т указывать скрипт, почему то не срабатывает, кэш в ЦМС, в агрегаторе CloudFlare и браузере чистил.
Только по этому и полез в код переписывать плеер

 

[cosmos]

Возможно я не верно выразился, плеер отображается, все атрибуты начинающиеся с дата передаются, скрипт отрабатывает, но фильм тянется из гитхаба (кобра кай), пробовал аргументы в модуле прописывать т указывать скрипт, почему то не срабатывает, кэш в ЦМС, в агрегаторе CloudFlare и браузере чистил.
Только по этому и полез в код переписывать плеер

в коде править не нужно
всё в админ-панели
Кобра тянется отсюда data-player-api убрать из json этот пункт

 

[cosmos]

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

но лучше все делать из админки

 

[Aleksey]

Кобра тянется отсюда data-player-api убрать из json этот пункт

так об этом я и писал выше

по итогу плеер отображается но с данными из https://CinemaPlayer.github.io/example/api-object.json

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

но лучше все делать из админки

Ну так это и ежу понятно, я не могу отловить процесс генерации, об этом тоже написано в 1 шапке поста

как передать данные о фильме/сериале, со страницы, в стоковый плеер они откуда-то ведь поступают...

 

[cosmos]

поубирать нужно все с шаблона на то как было
затем зайти в модуле плеер в самом низу открывающееся меню
там где "data-cinemaplayer-tabs-top": "15px"
ниже поставить запятую и прописать кастомный шрифт
"data-player-tabs-google-font": "Balsamiq Sans"

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

из какого-то поля точно кастомизация подтянется

 

[Aleksey]

@cosmos, Я видел вы участвовали в дискуссии. Подскажите пожалуйста еще по 1 вопросу, страница с трейлером отображает вместо плеера черный прямоугольник.
На тестовом сайте используется ID KP

добавлен 1 сериал с ID KP


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

страница информации о сериале


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


параметры в админке

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

 

[cosmos]

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

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

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

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

 

[Aleksey]

перепроверил, действительно из всех источников работает только TMDb, но их id прописан далеко не у всех произведений.
Буду искать источники для id_kp, скорее всего так же с балансиров дёргать буду.
По поводу ютуба вы скорее всего правы, эта строка по дефолту прописана в CMS и лимит скорее всего убит или вероятнее всего токен сменен

 

[Aleksey]

Всем доброго времени суток, помогите с нормальной настройкой или адаптацией страницы episode.ejs при открытии страницы какого либо эпизода в селекторах плеера отображается 1 сезон и 1 серия.


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

Спойлер: CinemaPlayer API: /cinemaplayer/information

{
    "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]"
}

Спойлер: CinemaPlayer API: /cinemaplayer/online

{
    "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]"
}

Спойлер: CinemaPlayer API: /cinemaplayer/trailer

{
    "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]"
}

Спойлер: CinemaPlayer API: /cinemaplayer/picture

{
    "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]"
}

Спойлер: Настройка встраиваемого плеера /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]"
}

JavaScript https://CinemaPlayer.github.io/cinemaplayer.js

 

[cosmos]

@Aleksey покажите что в Настройка встраиваемого плеера /embed/[id]

выше вы не вставили это

 

[Aleksey]

@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]"
}

 

[cosmos]

в модуле глянь как этот плеер выводится, есть ли <> _VALUE_?season=[season]&episode=[episode]
без этого в плеер не передастся сезон и эпизод

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