Получить img эскизы из Vimeo?

Я хочу получить уменьшенное изображение для видео с Vimeo.

Когда я получаю изображения с Youtube, я просто делаю так:

http://img.youtube.com/vi/HwP5NG-3e8I/2.jpg 

Любая идея, как сделать для Vimeo?

Вот такой же вопрос, без ответа.

Из документов Vimeo Simple API :

Создание видео-запроса

Чтобы получить данные о конкретном видео, используйте следующий URL:

http://vimeo.com/api/v2/video/video_id.output

video_id Идентификатор видео, для которого вы хотите получить информацию.

output Укажите тип вывода. В настоящее время мы предлагаем JSON, PHP и XML-форматы.

Получаем этот URL http://vimeo.com/api/v2/video/6271487.xml

    

Разберите это для каждого видео, чтобы получить миниатюру

Вот приблизительный код в PHP

  

В javascript (используется jQuery):

 function vimeoLoadingThumb(id){ var url = "http://vimeo.com/api/v2/video/" + id + ".json?callback=showThumb"; var id_img = "#vimeo-" + id; var script = document.createElement( 'script' ); script.src = url; $(id_img).before(script); } function showThumb(data){ var id_img = "#vimeo-" + data[0].id; $(id_img).attr('src',data[0].thumbnail_medium); } 

Чтобы отобразить его:

 {{ video.title }}  

Использование jQuery jsonp request:

  

Вы должны проанализировать ответ API Vimeo. У него нет ссылок на URL-вызовы (например, dailymotion или youtube).

Вот мое решение для PHP:

 /** * Gets a vimeo thumbnail url * @param mixed $id A vimeo id (ie. 1185346) * @return thumbnail's url */ function getVimeoThumb($id) { $data = file_get_contents("http://vimeo.com/api/v2/video/$id.json"); $data = json_decode($data); return $data[0]->thumbnail_medium; } 

С Ruby вы можете сделать следующее, если у вас есть, скажите:

 url = "http://www.vimeo.com/7592893" vimeo_video_id = url.scan(/vimeo.com\/(\d+)\/?/).flatten.to_s # extract the video id vimeo_video_json_url = "http://vimeo.com/api/v2/video/%s.json" % vimeo_video_id # API call # Parse the JSON and extract the thumbnail_large url thumbnail_image_location = JSON.parse(open(vimeo_video_json_url).read).first['thumbnail_large'] rescue nil 

Вот пример того, как сделать то же самое в ASP.NET с помощью C #. Не стесняйтесь использовать другое изображение с ошибкой 🙂

 public string GetVimeoPreviewImage(string vimeoURL) { try { string vimeoUrl = System.Web.HttpContext.Current.Server.HtmlEncode(vimeoURL); int pos = vimeoUrl.LastIndexOf(".com"); string videoID = vimeoUrl.Substring(pos + 4, 8); XmlDocument doc = new XmlDocument(); doc.Load("http://vimeo.com/api/v2/video/" + videoID + ".xml"); XmlElement root = doc.DocumentElement; string vimeoThumb = root.FirstChild.SelectSingleNode("thumbnail_medium").ChildNodes[0].Value; string imageURL = vimeoThumb; return imageURL; } catch { //cat with cheese on it's face fail return "http://bestofepicfail.com/wp-content/uploads/2008/08/cheese_fail.jpg"; } } 

ПРИМЕЧАНИЕ. Ваш запрос API должен понравиться по запросу: http://vimeo.com/api/v2/video/32660708.xml

Если вы хотите использовать миниатюру в чистом js / jquery no api, вы можете использовать этот инструмент для захвата кадра из видео и вуаля! Вставьте URL-адрес, который вам когда-либо нужен.

Вот ручка кода:

http://codepen.io/alphalink/pen/epwZpJ

  

Вот сайт, чтобы получить миниатюру:

http://video.depone.eu/

Используя Vimeo url ( https://player.vimeo.com/video/30572181 ), вот мой пример

       Vimeo   

Самый простой способ JavaScript, который я нашел, чтобы получить эскиз, без поиска идентификатора видео, использует:

 //Get the video thumbnail via Ajax $.ajax({ type:'GET', url: 'https://vimeo.com/api/oembed.json?url=' + encodeURIComponent(url), dataType: 'json', success: function(data) { console.log(data.thumbnail_url); } }); 

Примечание. Если кому-то нужно получить миниатюру видео, связанную с идентификатором видео, он может заменить $id видео и получить XML с данными видео:

 http://vimeo.com/api/v2/video/$id.xml 

Пример:

 http://vimeo.com/api/v2/video/198340486.xml 

Источник

Кажется, что api / v2 мертв.
Чтобы использовать новый API, вам необходимо зарегистрировать свое приложение , а base64 закодировать client_id и client_secret как заголовок авторизации.

 $.ajax({ type:'GET', url: 'https://api.vimeo.com/videos/' + video_id, dataType: 'json', headers: { 'Authorization': 'Basic ' + window.btoa(client_id + ":" + client_secret); }, success: function(data) { var thumbnail_src = data.pictures.sizes[2].link; $('#thumbImg').attr('src', thumbnail_src); } }); 

Для обеспечения безопасности вы можете вернуть client_id и client_secret уже закодированные с сервера.

На самом деле парень, который задал этот вопрос, отправил свой собственный ответ.

«Мне кажется, Vimeo хочет, чтобы я сделал HTTP-запрос и извлек URL-адрес эскиза из возвращаемого XML …»

Документы Vimeo API находятся здесь: http://vimeo.com/api/docs/simple-api

Короче говоря, ваше приложение должно сделать запрос GET на URL-адрес, например:

 http://vimeo.com/api/v2/video/video_id.output 

и проанализируйте возвращенные данные, чтобы получить нужный URL-адрес эскиза, а затем загрузите файл по этому URL-адресу.

Я написал функцию на PHP, чтобы позволить мне это, я надеюсь, что это полезно кому-то. Путь к миниатюре содержится в теге ссылки на странице видео. Кажется, это делает трюк для меня.

  $video_url = "http://vimeo.com/7811853" $file = fopen($video_url, "r"); $filedata = stream_get_contents($file); $html_content = strpos($filedata," 

Надеюсь, это поможет кому угодно.

Foggson

 function getVimeoInfo($link) { if (preg_match('~^http://(?:www\.)?vimeo\.com/(?:clip:)?(\d+)~', $link, $match)) { $id = $match[1]; } else { $id = substr($link,10,strlen($link)); } if (!function_exists('curl_init')) die('CURL is not installed!'); $ch = curl_init(); curl_setopt($ch, CURLOPT_URL, "http://vimeo.com/api/v2/video/$id.php"); curl_setopt($ch, CURLOPT_HEADER, 0); curl_setopt($ch, CURLOPT_RETURNTRANSFER, true); curl_setopt($ch, CURLOPT_TIMEOUT, 10); $output = unserialize(curl_exec($ch)); $output = $output[0]; curl_close($ch); return $output; }` 

// при снижении функции передаем эскиз эскиза.

 function save_image_local($thumbnail_url) { //for save image at local server $filename = time().'_hbk.jpg'; $fullpath = '../../app/webroot/img/videos/image/'.$filename; file_put_contents ($fullpath,file_get_contents($thumbnail_url)); return $filename; } 
 function parseVideo(url) { // - Supported YouTube URL formats: // - http://www.youtube.com/watch?v=My2FRPA3Gf8 // - http://youtu.be/My2FRPA3Gf8 // - https://youtube.googleapis.com/v/My2FRPA3Gf8 // - Supported Vimeo URL formats: // - http://vimeo.com/25451551 // - http://player.vimeo.com/video/25451551 // - Also supports relative URLs: // - //player.vimeo.com/video/25451551 url.match(/(http:|https:|)\/\/(player.|www.)?(vimeo\.com|youtu(be\.com|\.be|be\.googleapis\.com))\/(video\/|embed\/|watch\?v=|v\/)?([A-Za-z0-9._%-]*)(\&\S+)?/); if (RegExp.$3.indexOf('youtu') > -1) { var type = 'youtube'; } else if (RegExp.$3.indexOf('vimeo') > -1) { var type = 'vimeo'; } return { type: type, id: RegExp.$6 }; } function getVideoThumbnail(url, cb) { var videoObj = parseVideo(url); if (videoObj.type == 'youtube') { cb('//img.youtube.com/vi/' + videoObj.id + '/maxresdefault.jpg'); } else if (videoObj.type == 'vimeo') { $.get('http://vimeo.com/api/v2/video/' + videoObj.id + '.json', function(data) { cb(data[0].thumbnail_large); }); } } 

Если вам не требуется автоматическое решение, вы можете найти URL-адрес эскиза, введя идентификатор vimeo здесь: http://video.depone.eu/

Разложив ответ Karthikeyan P, он может использоваться в более широком спектре сценариев:

 // Requires jQuery function parseVimeoIdFromUrl(vimeoUrl) { var match = /vimeo.*\/(\d+)/i.exec(vimeoUrl); if (match) return match[1]; return null; }; function getVimeoThumbUrl(vimeoId) { var deferred = $.Deferred(); $.ajax( '//www.vimeo.com/api/v2/video/' + vimeoId + '.json', { dataType: 'jsonp', cache: true } ) .done(function (data) { // .thumbnail_small 100x75 // .thumbnail_medium 200x150 // 640 wide var img = data[0].thumbnail_large; deferred.resolve(img); }) .fail(function(a, b, c) { deferred.reject(a, b, c); }); return deferred; }; 

Применение

Получите идентификатор Vimeo с URL-адреса видео Vimeo:

 var vimeoId = parseVimeoIdFromUrl(vimeoUrl); 

Получите URL-адрес эскиза vimeo из идентификатора Vimeo:

 getVimeoThumbUrl(vimeoIds[0]) .done(function(img) { $('div').append(''); }); 

https://jsfiddle.net/b9chris/nm8L8cc8/1/

Если вы ищете альтернативное решение и можете управлять учетной записью vimeo, есть еще один способ: вы просто добавляете все видео, которые хотите показать в альбом, а затем используйте API для запроса данных альбома – затем отображаются все миниатюры и ссылки , Это не идеально, но может помочь.

Конечная точка API (игровая площадка)

Твиттер со списком @vimeoapi

Вы можете взглянуть на gem от Мэтта Хукса. https://github.com/matthooks/vimeo

Он предоставляет простую оболочку vimeo для api.

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

Вы можете извлечь идентификатор видео Vimeo так

 def get_vimeo_video_id (link) vimeo_video_id = nil vimeo_regex = /http:\/\/(www\.)?vimeo.com\/(\d+)($|\/)/ vimeo_match = vimeo_regex.match(link) if vimeo_match.nil? vimeo_regex = /http:\/\/player.vimeo.com\/video\/([a-z0-9-]+)/ vimeo_match = vimeo_regex.match(link) end vimeo_video_id = vimeo_match[2] unless vimeo_match.nil? return vimeo_video_id end 

и если вам нужна трубка, вы можете найти это полезное

 def get_youtube_video_id (link) youtube_video_id = nil youtube_regex = /^(https?:\/\/)?(www\.)?youtu.be\/([A-Za-z0-9._%-]*)(\&\S+)?/ youtube_match = youtube_regex.match(link) if youtube_match.nil? youtubecom_regex = /^(https?:\/\/)?(www\.)?youtube.com\/watch\?v=([A-Za-z0-9._%-]*)(\&\S+)?/ youtube_match = youtubecom_regex.match(link) end youtube_video_id = youtube_match[3] unless youtube_match.nil? return youtube_video_id end 

Для кого-то вроде меня, который пытается понять это недавно,

https://i.vimeocdn.com/video/[video_id]_[dimension].webp работает для меня.

(где dimension = 200×150 | 640)

Я искал одно и то же, и похоже, что большинство ответов здесь устарели из-за того, что Vimeo API v2 устарел.

мой php 2 ¢:

 $vidID = 12345 // Vimeo Video ID $tnLink = json_decode(file_get_contents('https://vimeo.com/api/oembed.json?url=https%3A//vimeo.com/' . $vidID))->thumbnail_url; 

с вышесказанным вы получите ссылку на миниатюрное изображение по умолчанию Vimeo.

Если вы хотите использовать изображение другого размера, вы можете добавить что-то вроде:

 $tnLink = substr($tnLink, strrpos($tnLink, '/') + 1); $tnLink = substr($tnLink, 0, strrpos($tnLink, '_')); // You now have the thumbnail ID, which is different from Video ID // And you can use it with link to one of the sizes of crunched by Vimeo thumbnail image, for example: $tnLink = 'https://i.vimeocdn.com/filter/overlay?src0=https%3A%2F%2Fi.vimeocdn.com%2Fvideo%2F' . $tnLink . '_1280x720.jpg&src1=https%3A%2F%2Ff.vimeocdn.com%2Fimages_v6%2Fshare%2Fplay_icon_overlay.png'; 

Это быстрый хитрый способ сделать это, а также способ выбрать нестандартный размер.

Я иду сюда:

 http://vimeo.com/api/v2/video/[VIDEO ID].php 

Загрузите файл, откройте его и найдите миниатюру шириной 640 пикселей, у него будет такой формат:

 https://i.vimeocdn.com/video/[LONG NUMBER HERE]_640.jpg 

Вы берете ссылку, меняете 640 для – например, – 1400, и вы получите что-то вроде этого:

 https://i.vimeocdn.com/video/[LONG NUMBER HERE]_1400.jpg 

Вставьте его в панель поиска браузера и наслаждайтесь.

Ура,