显示链接中的照片或视频

时间:2012-06-09 17:38:43

标签: javascript jquery

是否有某种插件可以显示来自网站链接的照片或视频,例如,如果您在Facebook上发布链接,它会加载链接的微缩图片?

2 个答案:

答案 0 :(得分:1)

这称为URL Scraping。您需要做的是加载URL并查看返回的HTML的内容。由此刮刀将决定哪些图像和信息最适合“预览”。

通常,抓取工具会查看<meta>标记中嵌入的网页元数据。

一个很好的例子(以及Facebook如何做到这一点)是Open Graph协议。您可以在此处详细了解相关信息 - http://ogp.me/

以下是Open Graph元标记的示例 -

<meta property="og:title" content="The Rock"/>
    <meta property="og:type" content="movie"/>
    <meta property="og:url" content="http://www.imdb.com/title/tt0117500/"/>
    <meta property="og:image" content="http://ia.media-imdb.com/rock.jpg"/>
    <meta property="og:site_name" content="IMDb"/>
    <meta property="fb:admins" content="USER_ID"/>
    <meta property="og:description"
          content="A group of U.S. Marines, under command of
                   a renegade general, take over Alcatraz and
                   threaten San Francisco Bay with biological
                   weapons."/>

当您在Facebook上发布链接时,它会出去查找这些元标记并使用其信息显示该链接的预览。

答案 1 :(得分:1)

你正在寻找蜘蛛:https://github.com/mikeal/spider(或类似谷歌的东西) 请阅读@lix所说的内容。