顯示來自鏈接的照片或視頻

是否有某種插件可以顯示來自網站鏈接的照片或視頻，就像您在Facebook上發佈鏈接時一樣，它會加載鏈接的縮略圖？顯示來自鏈接的照片或視頻

2012-06-09 user1054134

這被稱爲URL刮擦。你需要做的是加載URL並查看返回的HTML內容。由此刮板將決定哪些圖像和信息最適合用於「預覽」。

通常刮板會查看<meta>標籤中嵌入的頁面元數據。

一個很好的例子（以及Facebook如何做）是Open Graph協議。你可以閱讀更多關於它在這裏 - http://ogp.me/

這裏是一個什麼樣的Open Graph meta標籤看起來像一個例子 -

<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上的鏈接，它會走出去，尋找meta標籤像這些，並使用他們的信息來顯示鏈接的預覽。

來源

2012-06-09 17:40:54 Lix

是否有插件，所以我可以在我的網站上使用JavaScript的信息？ – user1054134

我不知道任何JavaScript實現。也許[@親愛的回答]（http://stackoverflow.com/a/10963288/558021）將在那裏有所幫助。我的回答是或多或少地解釋它是如何工作的。 – Lix

是你描述的客戶端功能嗎？ – user1054134

你正在尋找蜘蛛：https://github.com/mikeal/spider（或類似的谷歌它）和請閱讀@lix說。

來源

2012-06-09 17:59:09

我沒有在服務器端使用node.js。我只是使用openfire服務器。我是否需要node.js或其他服務器端代碼來實現我需要的功能？該應用將與移動設備的phonegap打包在一起，因此它也可以在移動瀏覽器上運行。 – user1054134

它取決於你的服務器。如果你的服務器如果能夠運行蜘蛛，那麼不要使用任何其他服務器。是的，你需要更多的東西來實現這個功能。 –

顯示來自鏈接的照片或視頻

回答

相關問題