Video preview roll

Post Reply
rembo1978
Posts: 540
Joined: Thu Jul 26, 2012 5:12 am

Video preview roll

Post by rembo1978 »

Здравствуйте. Есть какой-то js скрипт на борту Смарта для видео превью, ну как для роллинг тумб (https://smartcj.com/wiki/doku.php?id=ru ... bs_rolling)
Если нет.
Можете дописать, чтобы не добавлять сторонний js скрипт с кучей ненужного кода (так как на страницу выводиться 100 и больше тумб) может увеличится время загрузки страницы, что не очень хочется.
Спасибо
admin
Site Admin
Posts: 37202
Joined: Wed Sep 10, 2008 11:43 am

Re: Video preview roll

Post by admin »

Приветствую!

video preview как сделать как я понимаю ясно
вставить на страницу - <video

http://demo.smartcj.com/?category_name= ... bs_preview

вот пример

я верно понял вопрос?
Don't forget to run script update
Ling
Posts: 264
Joined: Wed Mar 16, 2016 12:27 pm

Re: Video preview roll

Post 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 можно дергать ролик и резать под нужный размер?
admin
Site Admin
Posts: 37202
Joined: Wed Sep 10, 2008 11:43 am

Re: Video preview roll

Post by admin »

конкнретно на демо сайте - это так , да
а у трейдеров вообще такое бывает?
Don't forget to run script update
Ling
Posts: 264
Joined: Wed Mar 16, 2016 12:27 pm

Re: Video preview roll

Post by Ling »

Кому надо - тот поставит... Кому не надо - тот пусть не ставит
Тег для топлиста будет новый <!--TRADER_VIDEO-->, допустим...
Ставишь у себя в ссылках на галеры трибут data-preview="<!--GALLERY_VIDEO_PREVIEW_URL-->" .. Ставишь в настройках Смарта галочку, чтобы дергал ролики .. И для топа будут не только тумбы , а еще и ролики
admin
Site Admin
Posts: 37202
Joined: Wed Sep 10, 2008 11:43 am

Re: Video preview roll

Post by admin »

ок, скиньте плз штуки 3-4 сайтов где такое есть что б было на чем тестить
Don't forget to run script update
Andrew1
Posts: 910
Joined: Fri Nov 30, 2012 1:18 pm
Contact:

Re: Video preview roll

Post by Andrew1 »

имхо, надо еще как-то учесть, что на своем сайте видео тумбы могут иметь соотношение сторон 16:9, а у трейдера 4:3, например
admin
Site Admin
Posts: 37202
Joined: Wed Sep 10, 2008 11:43 am

Re: Video preview roll

Post by admin »

да, такое и перерезать надо
Don't forget to run script update
Ling
Posts: 264
Joined: Wed Mar 16, 2016 12:27 pm

Re: Video preview roll

Post by Ling »

Ну есть же в Settings - CJ Settings - Top setting - Thumbs for TOPlist IM string (not recommended)
Так же и для превью видео - FFMPEG string
TplMkr
Posts: 41
Joined: Fri Dec 22, 2023 5:39 am

Re: Video preview roll

Post 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"
]
Post Reply