当前位置：文江博客话题详情

删除视频缩略图上的黑条

发布于 2024-12-13 05:16:54 字数 224 浏览 0 评论 0原文

我有一个画廊，用户可以在其中提交视频的 Youtube 链接，服务器会自动从 Youtube 获取缩略图。然而，许多视频的图像顶部和底部都包含黑条。我知道黑条的起源，但当我将缩略图大小调整为正方形时，黑条会干扰设计。

我尝试从上到下分析像素颜色，直到找不到黑色 (imagecolorat())，但它仍然留下一些接近黑色的颜色，因此小条仍然驻留在图像中。

有什么更有效的算法可以检查？

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

你对谁都笑 2024-12-20 05:16:54

解决方案之一是做与 youtube 相同的事情。
如果您访问他们的网站，并查看图像和包装图像的元素，您将看到包装元素具有与此类似的 css：

display:inline-block;
height: /*here goes fixed height in px*/
overflow: hidden;

他们使用的图像在顶部和底部（在该容器内）包含黑色区域，但它们使用css来隐藏它。
这意味着元素（在带有 att display:inline-block 的 youtube span 上）将小于实际图片，并且图片将像这样居中/定位，因此顶部和底部黑色区域将溢出较小的包装并被隐藏。

One of the solutions is to do same thing which youtube did.
If you visit their site, and look at the image and element that wraps image, you will see that wrap element have css similar to this one:

display:inline-block;
height: /*here goes fixed height in px*/
overflow: hidden;

They are using image which contain black areas on top and bottom (within that container), but they used css to hide it.
This means that element (on youtube span with att display:inline-block) will be smaller then acctual picture, and picture will be centered/positioned like that so top and bottom black areas will overflow smaller wrap and will be hidden.

回复收藏 0 原文