Vimeo의 비디오에 대한 썸네일 이미지를 얻고 싶습니다.
Youtube에서 이미지를 가져올 때 나는 다음과 같이합니다.
http://img.youtube.com/vi/HwP5NG-3e8I/2.jpg
Vimeo에 대해 어떻게 생각하십니까?
답변
로부터 메오 간단한 API를 워드 프로세서 :
비디오 요청하기
특정 동영상에 대한 데이터를 얻으려면 다음 URL을 사용하십시오.
http://vimeo.com/api/v2/video/video_id.output
video_id 정보를 원하는 비디오의 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'];
답변
자바 스크립트에서 (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>
답변
Vimeo의 API 응답을 구문 분석해야합니다. 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;
}
답변
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>
답변
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
답변
다음은 C #을 사용하여 ASP.NET에서 동일한 작업을 수행하는 방법에 대한 예입니다. 다른 오류 포착 이미지를 자유롭게 사용하십시오. 🙂
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
답변
비디오 ID를 검색하지 않고 미리보기 이미지를 얻는 가장 쉬운 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와 관련된 비디오 축소판을 가져와야하는 경우 비디오 ID로 바꾸고 $id
비디오 세부 정보가있는 XML을 얻을 수 있습니다.
http://vimeo.com/api/v2/video/$id.xml
예:
http://vimeo.com/api/v2/video/198340486.xml