Как получить превью видео вконтакте?

Question

[Владислав]

Здравствуйте.
Нужна ссылка, по которой можно получить превью видео из VK.
Все сразу отсылают по ссылке https://dev.vk.com/ru/method/video.get, где есть пример ссылки на набор миниатюр типа https://i.mycdn.me/getVideoPreview?id=337673407954..., но как эта ссылка связана с самим видео непонятно.
Указанные данные видео id, owner_id, ov_id не входят в адрес ссылки на картинку https://disk.yandex.ru/d/bTR_tauNYtM6Gg.

У Ютуба все было просто: ссылка вида "https://i.ytimg.com/vi/'+link+'/hqdefault.jpg", где "link" это ID видео. подставляешь и получаешь картинку.
У Rutube тоже просто:

https://pic.rutubelist.ru/video/6a/58/<id video>.jpg

А на VK как-то непонятно.
Вот пример картинки видео, который описан в документации:

https://i.mycdn.me/getVideoPreview?id=3376734079543&idx=1&type=39&tkn=3uLZ5s_T4TtRsvZfIwLngp8Qdjs&fn=vid_u

Ссылки на видео, картинки которых мне нужно получить, выглядят так:
https://vk.com/video-222222222_333333333
где "333333333" - это id video, "222222222" - это id владельца.
Эти данные никак не соотносятся с видом ссылки на превью выше.

Как?

Comments

[Артем Матвеев]

Вы случайно не разобрались как это сделать проще?

[Владислав]

Нет. Я пока этого не делал. Уговорил клиента перейти на Rutube. Там всё просто, как на Youtube. Делается в две строки jQuery. Просто поменял везде "you" на "ru" :).

Answer 1

[Aleksey Solovyev]

Так а в чем проблема? Вас отправляют правильно https://dev.vk.com/ru/method/video.get
Отправляете запрос на получение видео или списка видео. В запросе указываете id клипа или клипов через запятую и получаете в ответ json к в поле response.item[n].image список из картинок. Другого варианта нет, они иначе хранят ссылки на картинки (если конечно вы не сохраните ссылки на картинки у себя на стороне и не привяжите их к id клипа)

Пример ответа

{
  "response":{
    "count":1
    "items":[
      {
        "adding_date":1671701038,
        "can_comment":0,
        "can_like":1,
        "can_repost":1,
        "can_subscribe":1,
        "can_add_to_faves":1,
        "can_add":1,
        "comments":0,
        "date":1671701032,
        "description":"",
        "duration":15,
        "image":[
          {
            "url":"https://i.mycdn.me/getVideoPreview?id=3376734079543&idx=1&type=39&tkn=3uLZ5s_T4TtRsvZfIwLngp8Qdjs&fn=vid_s",
            "width":130,
            "height":96,
            "with_padding":1
          },
          {
            "url":"https://i.mycdn.me/getVideoPreview?id=3376734079543&idx=1&type=39&tkn=3uLZ5s_T4TtRsvZfIwLngp8Qdjs&fn=vid_m",
            "width":160,
            "height":120,
            "with_padding":1
          },
          {
            "url":"https://i.mycdn.me/getVideoPreview?id=3376734079543&idx=1&type=39&tkn=3uLZ5s_T4TtRsvZfIwLngp8Qdjs&fn=vid_l",
            "width":320,
            "height":240,
            "with_padding":1
          },
          {
            "url":"https://i.mycdn.me/getVideoPreview?id=3376734079543&idx=1&type=39&tkn=3uLZ5s_T4TtRsvZfIwLngp8Qdjs&fn=vid_x",
            "width":800,
            "height":450,
            "with_padding":1
          },
          {
            "url":"https://i.mycdn.me/getVideoPreview?id=3376734079543&idx=1&type=39&tkn=3uLZ5s_T4TtRsvZfIwLngp8Qdjs&fn=vid_w",
            "width":1280,
            "height":720
          },
          {
            "url":"https://i.mycdn.me/getVideoPreview?id=3376734079543&idx=1&type=39&tkn=3uLZ5s_T4TtRsvZfIwLngp8Qdjs&fn=vid_t",
            "width":320,
            "height":180
          },
          {
            "url":"https://i.mycdn.me/getVideoPreview?id=3376734079543&idx=1&type=39&tkn=3uLZ5s_T4TtRsvZfIwLngp8Qdjs&fn=vid_u",
            "width":720,
            "height":405
          }
        ],
        "first_frame":[
          {
            "url":"https://i.mycdn.me/getVideoPreview?id=3376734079543&idx=0&type=39&tkn=WK9Wdwpqr6z6g9umM95aW3Ch3QM&fn=vid_f",
            "width":720,
            "height":405
          },
          {
            "url":"https://i.mycdn.me/getVideoPreview?id=3376734079543&idx=0&type=39&tkn=WK9Wdwpqr6z6g9umM95aW3Ch3QM&fn=vid_md",
            "width":480,
            "height":270
          },
          {
            "url":"https://i.mycdn.me/getVideoPreview?id=3376734079543&idx=0&type=39&tkn=WK9Wdwpqr6z6g9umM95aW3Ch3QM&fn=vid_d",
            "width":240,
            "height":135
          },
          {
            "url":"https://i.mycdn.me/getVideoPreview?id=3376734079543&idx=0&type=39&tkn=WK9Wdwpqr6z6g9umM95aW3Ch3QM&fn=vid_sm",
            "width":128,
            "height":72
          },
          {
            "url":"https://i.mycdn.me/getVideoPreview?id=3376734079543&idx=0&type=39&tkn=WK9Wdwpqr6z6g9umM95aW3Ch3QM&fn=vid_w",
            "width":1280,
            "height":720
          },
          {
            "url":"https://i.mycdn.me/getVideoPreview?id=3376734079543&idx=0&type=39&tkn=WK9Wdwpqr6z6g9umM95aW3Ch3QM&fn=vid_h",
            "width":960,
            "height":540
          },
          {
            "url":"https://i.mycdn.me/getVideoPreview?id=3376734079543&idx=0&type=39&tkn=WK9Wdwpqr6z6g9umM95aW3Ch3QM&fn=vid_w",
            "width":1280,
            "height":720
          }
        ],
        "width":1920,
        "height":1080,
        "id":456242110,
        "owner_id":-22822305,
        "ov_id":"4833925212306",
        "title":"Анимированные vmoji в VK Звонках",
        "is_favorite":false,
        "player":"https://vk.com/video_ext.php?oid=-22822305&id=456242110&hash=e037414127166efe&__ref=vk.api&api_hash=1677682946870d1f6fa590a9b323_HAZDCNJWG42DA",
        "added":0,
        "repeat":1,
        "type":"video",
        "views":19271183,
        "likes":{
          "count":15007,
          "user_likes":0
        },
        "reposts":{
          "count":137,
          "user_reposted":0
        }
      }
    ]
  }
}

Comments

[Владислав]

Понятно. Это всё сложнее. API и т.д.

[Владислав]

Как мне отправлять запрос? Как именно? Плюс, там нужно какой-то token... А когда у меня несколько сайтов, на каждый заводить...

[shurshur]

Владислав, гугл "как получить access token vk" прям куча информации.

Надо только понять, нужен токен пользователя (своего) или группы, у них там есть различия в правах, и иногда нужно именно токен группы. Но для данной задачи дсотаточно токена пользователя.

[Aleksey Solovyev]

Владислав, вся информация о ключах и запорсах есть в документации.

1. Для вашего запроса нужен ключ доступа пользователя с правами доступа video.
2. Чтобы получить этот ключ есть два способа (для бэкенд и фронтенд приложения) (имейте ввиде, что токен действует час и вам нужно его обновлять).
3. После получения ключа его можно протестировать у них на сайте. Если нет ошибок, то можно продолжать.
4. Отправляем запрос (можно подсмотреть в dev tools, что на предыдущем шаге отправляется):

fetch("https://api.vk.com/method/video.get", {
    "body": `videos=154816652_456242169&access_token=${ACCCESS_TOKEN}&v=5.199`,
    "method": "POST"
})

А когда у меня несколько сайтов, на каждый заводить...

Решение остается за вами. Если требуется разделить API для каждого сайта, используйте разные ключи. В случае, если такой необходимости нет, можно применить один ключ для всех. Всё зависит от задачи. Возможностей множество, вплоть до создания собственного сервера с необходимыми API, где также можно использовать один ключ для всего.