Page 1 of 8
Video preview roll
Posted: Sat Oct 01, 2022 11:50 am
by rembo1978
Здравствуйте. Есть какой-то js скрипт на борту Смарта для видео превью, ну как для роллинг тумб (
https://smartcj.com/wiki/doku.php?id=ru ... bs_rolling)
Если нет.
Можете дописать, чтобы не добавлять сторонний js скрипт с кучей ненужного кода (так как на страницу выводиться 100 и больше тумб) может увеличится время загрузки страницы, что не очень хочется.
Спасибо
Re: Video preview roll
Posted: Sat Oct 08, 2022 3:58 pm
by admin
Приветствую!
video preview как сделать как я понимаю ясно
вставить на страницу - <video
http://demo.smartcj.com/?category_name= ... bs_preview
вот пример
я верно понял вопрос?
Re: Video preview roll
Posted: Wed Jan 17, 2024 11:24 am
by Ling
А можно организовать превью ролики для топлиста?
На Вашем демо сайте ссылки на галеры идут такие
<a href="/gallery/molly-o-quinn-celebrates-st-patrick-s-day-with-pub/index.html" title="Molly O'Quinn celebrates St Patrick's day With a Pub Trio" class="thumb_body" id="8514" data-preview="http://demo.smartcj.com/scj/thumbs/vide ... /1/911.mp4">
<div class="thumb_picture">
<img src="http://demo.smartcj.com/scj/thumbs/8/514_celebrates.jpg" alt="Molly O'Quinn celebrates St Patrick's day With a Pub Trio" />
<div class="video_pre-preview" id="video-8514"></div>
<span class="thumb_duration">
1:12
</span>
</div>
<div class="thumb_title">Molly O'Quinn celebrates St Patrick's day With a Pub Trio
</div>
</a>
img src="http://demo.smartcj.com/scj/thumbs/8/514_celebrates.jpg" - отсюда смарт дергает тумбу для топлиста
data-preview="http://demo.smartcj.com/scj/thumbs/vide ... /1/911.mp4" - отсюда, по атрибуту
data-preview можно дергать ролик и резать под нужный размер?
Re: Video preview roll
Posted: Wed Jan 17, 2024 12:40 pm
by admin
конкнретно на демо сайте - это так , да
а у трейдеров вообще такое бывает?
Re: Video preview roll
Posted: Wed Jan 17, 2024 1:29 pm
by Ling
Кому надо - тот поставит... Кому не надо - тот пусть не ставит
Тег для топлиста будет новый <!--TRADER_VIDEO-->, допустим...
Ставишь у себя в ссылках на галеры трибут data-preview="<!--GALLERY_VIDEO_PREVIEW_URL-->" .. Ставишь в настройках Смарта галочку, чтобы дергал ролики .. И для топа будут не только тумбы , а еще и ролики
Re: Video preview roll
Posted: Wed Jan 17, 2024 4:03 pm
by admin
ок, скиньте плз штуки 3-4 сайтов где такое есть что б было на чем тестить
Re: Video preview roll
Posted: Sun Jan 21, 2024 8:17 am
by Andrew1
имхо, надо еще как-то учесть, что на своем сайте видео тумбы могут иметь соотношение сторон 16:9, а у трейдера 4:3, например
Re: Video preview roll
Posted: Sun Jan 21, 2024 9:10 am
by admin
да, такое и перерезать надо
Re: Video preview roll
Posted: Sun Jan 21, 2024 11:46 am
by Ling
Ну есть же в Settings - CJ Settings - Top setting - Thumbs for TOPlist IM string (not recommended)
Так же и для превью видео - FFMPEG string
Re: Video preview roll
Posted: Tue Jan 23, 2024 12:38 am
by TplMkr
Ling wrote: Sun Jan 21, 2024 11:46 am
Ну есть же в Settings - CJ Settings - Top setting - Thumbs for TOPlist IM string (not recommended)
Так же и для превью видео - FFMPEG string
мы вот тут рядом
полную унификацию механизма Preview\Rolling предлагаем
погляди, может будет лучше, если на один общий принцип крутилок по всему перейти.
конкретно для твоего случая, в контексте предлагаемого там механизма, preview по трейдерам мог вы выглядеть как-то так:
Code: Select all
<trader num=1-6
preview_types_attr="data-trader-preview"
preview_types_priority="video"
...
>
<li class="trader" <!--PREVIEW_TYPES_INFO-->>
// other trader data
</li>
</trader>
рендер шаблона:
Code: Select all
<li class="trader" data-trader-preview="video">
...
</li>
запрос на получение preview:
Code: Select all
/?force_template=my_preview_items_template&trader_id=123&preview_type=video
шаблон my_preview_items_template.tpl:
здесь <!--PREVIEW_ITEMS--> видет что есть trader_id (вместо gallery_id) и выбирает Preview\Rolling для трейдера, а не галеры
Code: Select all
<?php
header('Content-Type: application/json');
?>
<!--PREVIEW_ITEMS-->
конечный ответ - массив из одного элемента с превью для этого трейдера:
Code: Select all
[
"//cdn.example.com/previews/this-trader-preview.mp4"
]
