Obtenir img vignettes à partir de Vimeo?

En javascript (utilise 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);
}

Pour l'afficher :

<img id="vimeo-{{ video.id_video }}" src="" alt="{{ video.title }}" />
<script type="text/javascript">
  vimeoLoadingThumb({{ video.id_video }});
</script>

Vous devez analyser Vimeo est de l'API de réponse. Il n'existe aucun moyen, avec les appels d'URL (comme dailymotion ou youtube).

Voici ma solution 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;
}

Voici un exemple de comment faire la même chose dans ASP.NET à l'aide de C#. N'hésitez pas à utiliser une autre erreur de capture d'image 🙂

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";
    }
}

REMARQUE: Votre demande d'API voudrais cette fois demandé: http://vimeo.com/api/v2/video/32660708.xml

Si vous souhaitez utiliser des vignettes dans la pure js/jquery pas d'api, vous pouvez utiliser cet outil pour capturer une image à partir de la vidéo et le tour est joué! Insérer l'url de pouce dans lequel jamais la source.

Voici un code plume :

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

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

Voici le site pour obtenir des vignettes:

http://video.depone.eu/

Il semble que l'api/v2 est mort.

Afin d'utiliser la nouvelle API, vous devez enregistrer votre demande, et base64 encode le client_id et client_secret comme un en-tête d'Autorisation.

$.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);
    }
});

Pour la sécurité, vous pouvez retourner le client_id et client_secret déjà encodée à partir du serveur.

En fait le gars qui a posé la question posté sa propre réponse.

"Vimeo semblent vouloir me faire une requête HTTP, et d'en extraire l'URL de vignette à partir du XML ils reviennent..."

Le Vimeo API docs sont ici: http://vimeo.com/api/docs/simple-api

En bref, votre application a besoin de faire une requête GET à l'URL comme suit:

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

et analyser les données renvoyées pour obtenir la vignette de l'URL que vous avez besoin, puis télécharger le fichier à cette URL.

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;
}`

//au-dessous de la fonction de transmettre l'url de vignette.

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

Il s'agit d'un astucieux moyen de le faire, et aussi une façon de choisir une taille personnalisée.

J'ai rendez-vous ici:

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

Télécharger le fichier, l'ouvrir, et de trouver la 640 pixels de large vignette, il aura un format comme:

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

Vous prenez le lien, changer la 640 pour - par exemple - 1400, et vous vous retrouvez avec quelque chose comme ceci:

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

Coller sur votre navigateur barre de recherche et en profiter.

Acclamations,

Mise à JOUR: Cette solution a cessé de travailler comme de Décembre 2018.

Je cherchais la même chose, et il ressemble à la plupart des réponses ici sont obsolètes en raison de Vimeo API v2 désapprouvée.

mon 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;

ci-dessus, vous obtiendrez le lien Vimeo de l'image par défaut de l'image.

Si vous souhaitez utiliser différents de la taille de l'image, vous pouvez ajouter quelque chose comme:

$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';

Vous voudrez peut-être jeter un oeil à la gemme de Matt Crochets. https://github.com/matthooks/vimeo

Il fournit un moyen simple vimeo wrapper pour l'api.

Tout ce que vous avez besoin est de stocker les video_id (et le fournisseur si vous le font aussi d'autres sites de vidéo)

Vous pouvez extraire la vidéo vimeo id comme

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

et si vous avez besoin de vous tube, vous trouverez peut-être ce utile

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