从Vimeo获取img缩略图？
我想从Vimeo获得video的缩略图。
从Youtube获取图片时，我只是这样做：
http://img.youtube.com/vi/HwP5NG-3e8I/2.jpg 任何想法如何为Vimeo做？
这是同样的问题，没有任何答案。
从Vimeo简单API文档 ：
制作video请求
要获取有关特定video的数据，请使用以下url：
http://vimeo.com/api/v2/video/video_id.output
video_id您想要的信息的video的ID。
输出指定输出types。 我们目前提供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>
parsing这个每个video来获取缩略图
这里是PHP中的近似代码
<?php $imgid = 6271487; $hash = unserialize(file_get_contents("http://vimeo.com/api/v2/video/$imgid.php")); echo $hash[0]['thumbnail_medium'];
在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>
使用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>
你应该分析Vimeo的API的回应。 URL调用没有办法（比如dailymotion或者youtube）。
这是我的PHP解决scheme：
/** * 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
使用Vimeourl（ 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>
如果你想通过纯粹的js / jquery no api使用缩略图，你可以使用这个工具来捕捉video中的一帧，瞧！ 插入你喜欢的源代码。
这是一个代码笔：
<img src="video/531141496_640.jpg"` alt="" />
这里是获取缩略图的网站：
我发现获取缩略图的最简单的JavaScript方式，而不searchvideoID是使用：
//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); } });
注意：如果有人需要获取与videoID相关的video缩略图，他可以用videoIDreplace$id ，并获取包含video详情的XML：
http://vimeo.com/api/v2/video/$id.xml
例：
http://vimeo.com/api/v2/video/198340486.xml
资源
其实问那个问题的人贴出了自己的答案。
“Vimeo似乎要我做一个HTTP请求，并从他们返回的XML中提取缩略图URL …”
Vimeo API文档在这里： http : //vimeo.com/api/docs/simple-api
简而言之，您的应用需要对以下URL进行GET请求：
http://vimeo.com/api/v2/video/video_id.output
并parsing返回的数据以获取您需要的缩略图URL，然后在该URL下载该文件。
我在PHP中写了一个函数让我来这个，希望对某人有用。 缩略图的path包含在video页面的链接标记中。 这似乎为我做了诡计。
$video_url = "http://vimeo.com/7811853" $file = fopen($video_url, "r"); $filedata = stream_get_contents($file); $html_content = strpos($filedata,"<link rel=\"videothumbnail"); $link_string = substr($filedata, $html_content, 128); $video_id_array = explode("\"", $link_string); $thumbnail_url = $video_id_array[3]; echo $thumbnail_url;
希望它能帮助任何人。
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; }`
//在下面的函数中传递缩略图url。
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); }); } }
看起来像api / v2已经死了。
为了使用新的API，您需要注册您的应用程序 ，base64将client_id和client_secret编码为Authorization标头。
$.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 。
对于最近想要解决这个问题的人，
https://i.vimeocdn.com/video/[video_id]_[dimension].webp适合我。
（其中dimension = 200×150 | 640）
如果您不需要自动解决scheme，则可以在此处inputvimeo ID来查找缩略图URL： 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; };
用法
从Vimeovideourl获取Vimeo ID：
var vimeoId = parseVimeoIdFromUrl(vimeoUrl);
从Vimeo Id获取一个vimeo缩略图url：
getVimeoThumbUrl(vimeoIds[0]) .done(function(img) { $('div').append('<img src="' + img + '"/>'); });
如果您正在寻找替代解决scheme并且可以pipe理vimeo帐户，还有另一种方法，您只需将要显示的每个video添加到相册中，然后使用该API来请求相册详细信息 – 然后显示所有缩略图和链接。 这并不理想，但可能有所帮助。
API终点（游乐场）
Twitter @ conime与@vimeoapi
你可能想看看Matt Hooks的gem。 https://github.com/matthooks/vimeo
它为api提供了一个简单的vimeo包装器。
所有你需要的是存储video_id（和提供者，如果你也在做其他video网站）
你可以像这样提取vimeovideoID
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
如果你需要你pipe，你可能会发现这个有用的
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
