Bekommen Sie Miniaturansichten von Vimeo?

Question

Ich möchte ein Vorschaubild für Videos von Vimeo erhalten.

Wenn ich Bilder von Youtube bekomme, mache ich einfach folgendes:

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

Irgendwelche Ideen, wie man das für Vimeo macht?

Hier ist dieselbe Frage, ohne Antwort.

Answer 1

Mit Ruby kannst du Folgendes tun, wenn du z.B. hast:

url                      = "http://www.vimeo.com/7592893"
vimeo_video_id           = url.scan(/vimeo.com\/(\d+)\/?/).flatten.to_s               # extrahiere die Video-ID
vimeo_video_json_url     = "http://vimeo.com/api/v2/video/%s.json" % vimeo_video_id   # API-Aufruf

# Analysiere das JSON und extrahiere die URL des großen Thumbnails
thumbnail_image_location = JSON.parse(open(vimeo_video_json_url).read).first['thumbnail_large'] rescue nil

Answer 2

Hier ist ein Beispiel, wie man dasselbe in ASP.NET mit C# machen kann. Fühlen Sie sich frei, ein anderes Fehlerbild zu verwenden :)

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
    {
        //Katze mit Käse im Gesicht scheitern
        return "http://bestofepicfail.com/wp-content/uploads/2008/08/cheese_fail.jpg";
    }
}

HINWEIS: Ihre API-Anfrage sollte so aussehen, wenn sie angefordert wird: http://vimeo.com/api/v2/video/32660708.xml

Answer 3

Der einfachste Weg in JavaScript, den ich gefunden habe, um das Vorschaubild ohne die Suche nach der Video-ID zu erhalten, ist folgender:

//Holen Sie das Video-Vorschaubild über Ajax
$.ajax({
    type:'GET',
    url: 'https://vimeo.com/api/oembed.json?url=' + encodeURIComponent(url),
    dataType: 'json',
    success: function(data) {
        console.log(data.thumbnail_url);
    }
});

Hinweis: Wenn jemand das Vorschaubild des Videos anhand der Video-ID erhalten möchte, kann er das $id durch die Video-ID ersetzen und eine XML-Datei mit den Videodetails erhalten:

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

Beispiel:

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

Quelle

Answer 4

Ich habe einen CodePen erstellt, der die Bilder für dich abruft.

https://codepen.io/isramv/pen/gOpabXg

HTML

Video abrufen

JavaScript:

const videoIdInput = document.getElementById('vimeoid');
const getVideo = document.getElementById('getVideo');
const output = document.getElementById('output');

function getVideoThumbnails(videoid) {
  fetch(`https://vimeo.com/api/v2/video/${videoid}.json`)
  .then(response => {
    return response.text();
  })
  .then(data => {
    const { thumbnail_large, thumbnail_medium, thumbnail_small } = JSON.parse(data)[0];
    const small = ``;
    const medium = ``;
    const large = ``;
    output.innerHTML = small + medium + large;
  })
  .catch(error => {
    console.log(error);
  });
}

getVideo.addEventListener('click', e => {
  if (!isNaN(videoIdInput.value)) {
    getVideoThumbnails(videoIdInput.value);
  }
});

Answer 5

Wenn Sie Miniaturbilder durch reinen JS/jQuery ohne API verwenden möchten, können Sie dieses Tool verwenden, um einen Frame aus dem Video zu erfassen und voilà! Fügen Sie die URL des Miniaturbilds in die gewünschte Quelle ein.

Hier ist ein Code-Pen:

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

Hier ist die Website, um ein Miniaturbild zu erhalten:

http://video.depone.eu/