【发布时间】:2012-09-30 19:57:51
【问题描述】:
我从http://img.youtube.com/vi/9KPCO5ENlmw/0.jpg之类的youTube图像中拉回图像,我在图像中看到的是图像的顶部和底部有很多黑色,有什么方法可以去除它吗?
【问题讨论】:
标签: javascript youtube
我从http://img.youtube.com/vi/9KPCO5ENlmw/0.jpg之类的youTube图像中拉回图像,我在图像中看到的是图像的顶部和底部有很多黑色,有什么方法可以去除它吗?
【问题讨论】:
标签: javascript youtube
如果您想使用颜色,wideimage 库(基于 GD)已经实现了这一点。该方法称为autoCrop,有在线演示。
否则,如果您知道图像的大小,则可以创建一个隐藏溢出的 div 并计算真实图像。
问题是youtube自动裁剪图像并插入黑色,我认为youtube内部没有方法可以检索没有黑条的图像
【讨论】:
您可以使用Pixastic javascript library:
var img = new Image();
img.onload = function() {
Pixastic.process(img, "crop", {
rect : {
top : 45,
height: img.height - 45;
}
});
}
document.body.appendChild(img);
img.src = "http://img.youtube.com/vi/9KPCO5ENlmw/0.jpg";
【讨论】:
YouTube 提供的图片没有 4:3 比例的黑条。要获得没有黑条的 16:9 视频缩略图,请尝试以下方法之一:
http://img.youtube.com/vi/<insert-youtube-video-id-here>/mqdefault.jpg
http://img.youtube.com/vi/<insert-youtube-video-id-here>/maxresdefault.jpg
第一个 mqdefault 是 320x180 像素的图像。
第二张maxresdefault 是一个 1500x900 像素的图像,因此需要调整大小才能用作缩略图。这是一个很好的图像,但它并不总是可用。如果视频质量低(我想不到 720p,不确定),则此“maxresdefault”将不可用。所以永远不要依赖它。
【讨论】: