Vimeo から動画のサムネイル画像を取得したい。
Youtubeから画像を取得するときは、次のようにします:
http://img.youtube.com/vi/HwP5NG-3e8I/2.jpg
Vimeo のやり方を教えてください。
Vimeo から動画のサムネイル画像を取得したい。
Youtubeから画像を取得するときは、次のようにします:
http://img.youtube.com/vi/HwP5NG-3e8I/2.jpg
Vimeo のやり方を教えてください。
ビデオリクエストを行う
特定の動画に関するデータを取得するには、次の URL を使用します。
http://vimeo.com/api/v2/video/video_id.output
video_id情報が必要な動画の ID。
output出力タイプを指定します。現在、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'];
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>
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
純粋な js/jquery no api を介してサムネイルを使用したい場合は、このツールを使用してビデオからフレームをキャプチャすることができます。好きなソースに URL サムを挿入します。
ここにコードペンがあります:
<img src="https://i.vimeocdn.com/video/531141496_640.jpg"` alt="" />
サムネイルを取得するサイトは次のとおりです。
api/v2 は死んでいるようです。
新しい API を使用するには、アプリケーションを登録client_id
し、とclient_secret
を Authorization ヘッダーとして base64 エンコードする必要があります。
$.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
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);
});
}
}
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;
}
自動化されたソリューションが必要ない場合は、http://video.depone.eu/ に vimeo ID を入力してサムネイル URL を見つけることができます。
私はこれを可能にする関数をPHPで書きました。誰かに役立つことを願っています。サムネイルへのパスは、ビデオ ページのリンク タグ内に含まれています。これは私にとってはうまくいくようです。
$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;
それが誰にも役立つことを願っています。
フォグソン
実際、その質問をした人は彼自身の答えを投稿しました。
「Vimeo は、HTTP リクエストを作成して、返された XML からサムネイル URL を抽出するように求めているようです...」
Vimeo API ドキュメントはこちら: http://vimeo.com/api/docs/simple-api
つまり、アプリは次のような URL に対して GET 要求を行う必要があります。
http://vimeo.com/api/v2/video/video_id.output
返されたデータを解析して必要なサムネイル URL を取得し、その URL でファイルをダウンロードします。
更新:このソリューションは、2018 年 12 月の時点で機能しなくなりました。
私は同じものを探していましたが、Vimeo API v2 が廃止されたため、ここでのほとんどの回答は古くなっているようです。
私の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;
上記で、Vimeo のデフォルトのサムネイル画像へのリンクが取得されます。
異なるサイズの画像を使用する場合は、次のようなものを追加できます。
$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';
代替ソリューションを探していて、vimeo アカウントを管理できる場合は、別の方法があります。表示したいすべてのビデオをアルバムに追加し、API を使用してアルバムの詳細をリクエストすると、すべてのサムネイルとリンクが表示されます。 . 理想的ではありませんが、役立つかもしれません。
@vimeoapi との Twitter会話
Matt Hooks の gem をご覧になることをお勧めします。 https://github.com/matthooks/vimeo
API のシンプルな vimeo ラッパーを提供します。
必要なのは、video_id (および他のビデオ サイトも実行している場合はプロバイダー) を保存することだけです。
次のようにvimeoビデオIDを抽出できます
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
チューブが必要な場合は、これが役立つ場合があります
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