Получить эскизы img от Vimeo? - PullRequest
Новая
       77

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

291 голосов
/ 01 сентября 2009

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

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

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

Есть идеи, как это сделать для Vimeo?

Здесь тот же вопрос, без ответа.

Ответы [ 21 ]

347 голосов
/ 01 сентября 2009

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

Запрос видео

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

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

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

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

Получив этот URL http://vimeo.com/api/v2/video/6271487.xml

    <videos> 
      <video> 
        [skipped]
        <thumbnail_small>http://ts.vimeo.com.s3.amazonaws.com/235/662/23566238_100.jpg</thumbnail_small> 
        <thumbnail_medium>http://ts.vimeo.com.s3.amazonaws.com/235/662/23566238_200.jpg</thumbnail_medium> 
        <thumbnail_large>http://ts.vimeo.com.s3.amazonaws.com/235/662/23566238_640.jpg</thumbnail_large> 
        [skipped]
    </videos>

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

Вот примерный код в PHP 

<?php

$imgid = 6271487;

$hash = unserialize(file_get_contents("http://vimeo.com/api/v2/video/$imgid.php"));

echo $hash[0]['thumbnail_medium'];
59 голосов
/ 26 ноября 2010

В 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);
}

Для отображения: 

<img id="vimeo-{{ video.id_video }}" src="" alt="{{ video.title }}" />
<script type="text/javascript">
  vimeoLoadingThumb({{ video.id_video }});
</script>
44 голосов
/ 23 декабря 2011

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

<script type="text/javascript">
    $.ajax({
        type:'GET',
        url: 'http://vimeo.com/api/v2/video/' + video_id + '.json',
        jsonp: 'callback',
        dataType: 'jsonp',
        success: function(data){
            var thumbnail_src = data[0].thumbnail_large;
            $('#thumb_wrapper').append('<img src="' + thumbnail_src + '"/>');
        }
    });
</script>

<div id="thumb_wrapper"></div>
37 голосов
/ 08 мая 2012

Вы должны проанализировать ответ 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;
}
22 голосов
/ 02 декабря 2009

С 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
20 голосов
/ 26 августа 2010

Вот пример того, как сделать то же самое в ASP.NET с использованием C #. Не стесняйтесь использовать другое изображение ошибки catch :) :) 1001 * 

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

11 голосов
/ 24 декабря 2015

Самый простой способ 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

Источник

9 голосов
/ 04 февраля 2016

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

<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
    <title>Vimeo</title>
</head>
<body>
    <div>
        <img src="" id="thumbImg">
    </div>
    <script>
        $(document).ready(function () {
            var vimeoVideoUrl = 'https://player.vimeo.com/video/30572181';
            var match = /vimeo.*\/(\d+)/i.exec(vimeoVideoUrl);
            if (match) {
                var vimeoVideoID = match[1];
                $.getJSON('http://www.vimeo.com/api/v2/video/' + vimeoVideoID + '.json?callback=?', { format: "json" }, function (data) {
                    featuredImg = data[0].thumbnail_large;
                    $('#thumbImg').attr("src", featuredImg);
                });
            }
        });
    </script>
</body>
</html>
9 голосов
/ 25 ноября 2015

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

Вот кодовое перо:

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

<img src="https://i.vimeocdn.com/video/531141496_640.jpg"` alt="" />

Вот сайт для получения миниатюры:

http://video.depone.eu/

6 голосов
/ 29 августа 2016

Кажется, что 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, уже закодированные с сервера.

Страница:
...