DLE Bazon Ajax Playlist - бесплатный модуль-плейлист с запоминанием последней просмотренной серии, работающий на ajax, для балансера Bazon. В модуле присутствует кеширование, идёт один запрос по api для получения списка озвучек, сезонов и серий, дальше данные берутся с кеша. При клике на озвучку подгружаются сезоны и серии, доступные к просмотру по данной озвучке. При клике на сезон подгружается список серий данного сезона. При клике на серию подгружается плеер выбранной серии, в куки браузера записываются озвучка, сезон и серия, на которых остановился посетитель, при повторном открытии страницы сериала посетитель увидит информацию "Вы остановились на 1 серии 1 сезона сериала Локи". Стили и скрипты для плейлиста были взяты с киносайта, на который наткнулся гуляя по сети.
Установка:
1. Залить файл bazon_playlist.css в папку css вашего шаблона и подключить в main.tpl кодом
HTML:
[aviable=showfull]<link href="{THEME}/css/bazon_playlist.css" type="text/css" rel="stylesheet" />[/aviable]
HTML:
[aviable=showfull]<script type="text/javascript" src="{THEME}/js/bazon_playlist.js"></script>[/aviable]4. В showfull.tpl в нужном месте где будет выводиться плейлист вставить код
HTML:
<div id="bazon_player_ajax" data-api_token="ваш_апи_токен" data-kinopoisk_id="[xfvalue_доп_поле_с_id_kinopoisk]" data-news_id="{news-id}" ></div>Вместо доп_поле_с_id_kinopoisk вставляем латинское название доп поля которое содержит в себе id сериала с базы кинопоиск.
Не забудьте код обернуть в теги [catlist=x]код плеера[/catlist] или в [xfgiven_x]
Если вы не хотите чтобы ваш api token был виден в исходном коде, то код подключения в showfull.tpl будет таким
HTML:
<div id="bazon_player_ajax" data-kinopoisk_id="[xfvalue_доп_поле_с_id_kinopoisk]" data-news_id="{news-id}" ></div>
PHP:
else $api_token = 'ваш_апи_токен';Плейлист адаптивный. С телефона список серий пролистывается вправо влево пальцем по экрану. Стили подгоняйте под свой сайт. В плейлисте используются иконки font awesome. Если вы не видите иконки, подключите себе библиотеку font awesome.
Последнее редактирование:
