Как получить превьюшку (thumbnail) с RUTUBE?

Question

[ТемноКот]

Доброго времени суток, уважаемые!
Возникла необходимость вставить на страницу ролики с Rutube. И сходу возникла проблема. Как получить превьюшку? Вот просто картинку. На ютубе всё делалось просто

<img src="http://img.youtube.com/vi/(тут_айдишник)/1.jpg"/>

Но вот с рутубом подобный фокус не проходит.
Есть, конечно https://rutube.ru/api/play/options/(тут_айдишник) который выдаёт всё-всё-всё, и даже казалось бы готовое решение в виде https://pic.rutube.ru/video/d4/52/(тут_айдишник).j... (с-стырено отсюда https://github.com/rutube/ShowcaseTutorial)
но!
Это решение не работает.
Потому, что тут одного только айдишника мало. В ссылке https://pic.rutube.ru/video/d4/52/(тут_айдишник).jpg?size=m вот это вот d4/52/ надо откуда-то угадать.

Уважаемые, не подскажете решение, как выдернуть превьюшку только по id-ролика, без наворачивания на сайте дополнительных обработчиков?
Заранее благодарю.

Answer 1

[Avircut]

Можно в src вставить https://rutube.ru/api/video/{videoId}/thumbnail/?r...

Comments

[ТемноКот]

О! Спасибо большое, это работает! Ещё один вопрос, если позволите. Не подскажите, можно ли вытащить маленькое превью?
То есть вот это rutube.ru/api/video/{videoId}/thumbnail/?redirect=1 тягает большую картинку (1280*720), а нельзя ли вытянуть с "size=m"? Увы, в лоб ...{videoId}/thumbnail/?redirect=1&size=m не получается.

[Avircut]

ТемноКот, это не подскажу. Я так и не смог найти документацию по API рутуба... Этот пример я случайно нашел на просторах интернета. Там этот URL нашли в какой-то deprecated rutube api документации

[Avircut]

ТемноКот, если зайти на сайт рутуба и полазить во вкладке Network, то можно увидеть запросы, с помощью которых получаются изображения для превьюшек.
Таким образом для видео URL для GET запроса выглядит следующим образом:
https://pic.rutubelist.ru/user/31/83/3183d0763c551...
где "3183d0763c551471fda7f0f09efdc518" - это VideoID,
а перед ним очевидно попарно по 2 первых символа этого id

[ТемноКот]

О как... хм... То есть выковыривать две пары с айдишника и подставлять... Мда, без танцев с бубном ну никак нельзя, ибо рашен-кодинг он такой - суровый и беспощадный =)
Спасибо.

[Ivan6463]

ТемноКот, я так сделал https://pic.rutubelist.ru/video/15/4d/154dcaad25d1...

Answer 2

[ADWT]

Не знаю насколько это постоянно будет в RuTube, но ссылка на превью на данный момент следущая:
https://preview.rutube.ru/preview/{video_id}.webp

Comments

[kubaLibre]

как раз сегодня целый день сидел над этим)) спасибо огромное)) вопрос, как ты нашел эту ссылку на превью?

[ADWT]

kubaLibre, вызвал api, посмотрел ответ. Там была такая ссылка. Попробовал подставить другой айди, работает. Webp также поддерживает анимацию. У некоторых видосиков даже обнаружилось анимированное превью.

Answer 3

[Buck]

Если знаете ID ролика на RuTube то можно сделать следующее. fetch URL:
https://rutube.ru/api/video/${id}
Берем c JSON "thumbnail_url"

`https://pic.rutubelist.ru/video/*1*/*2*/${thumbnail_url}.jpg`

Где *1* - первые два символа id ролика
Где *2* - третий и четвертый символы id ролика

Ресайз превьюшки можно делать так: после jpg можно поставить любую ширину через ?width=640 (где 640 необходимая ширина )

Получится вот так:

`https://pic.rutubelist.ru/video/*1*/*2*/${thumbnail_url}.jpg?width=640`

Answer 4

[a_disertinsky]

Если обратиться к API по этому адресу https://rutube.ru/api/video/{id} в ответе в числе прочего будет thumbnail_url

Comments

[ТемноКот]

Так https://rutube.ru/api/video/{id} - это то же самое, что https://rutube.ru/api/play/options/(тут_айдишник)
thumbnail_url есть, но без обработчика его не вытащить.

[a_disertinsky]

ТемноКот, что имеется в виду под "вытащить"? Сохранить превьюшку у себя локально?

[ТемноКот]

a_disertinsky, да нет, зачем локально? В вопросе же я написал. Надо вставить ролики рутубовские на сайт. Но сейчас, чтобы вытащить адрес превьюшки из API надо целый обработчик прикручивать, который пройдётся по "портянке" и найдёт там thumbnail_url.
В то время как на ютубе достаточно указать

<img src="http://img.youtube.com/vi/(тут_айдишник)/1.jpg"/>

Answer 5

[Павел Сидоров]

Из большого можно сделать маленькое куда проще чем выковыривать первые 2 пары id =)

Answer 6

[alexsuvorov_kirov]

Вдруг кому то будет актуально

https://rutube.ru/api/video/{videoId}/thumbnail/?redirect=1