링크에서 사진 또는 동영상을 표시합니다

거기에 링크의 미니어처 그림을로드하는 페이스 북에 링크를 게시하는 경우처럼 웹 사이트 링크에서 사진이나 비디오를 표시하는 플러그인 일종인가요?링크에서 사진 또는 동영상을 표시합니다

2012-06-09 user1054134

이것을 URL 스크래핑이라고합니다. URL을로드하고 반환되는 HTML의 내용을 살펴 보는 것이 필요합니다. 그로부터 스크레이퍼는 어떤 이미지와 정보가 "미리보기"에 가장 적합한 지 결정할 것입니다.

보통 스크래퍼는 <meta> 태그 내에 포함 된 페이지 메타 데이터를 조사합니다.

훌륭한 예 (페이스 북이 어떻게하는지)는 Open Graph 프로토콜입니다. 당신은 여기에 대한 자세한 내용을보실 수 있습니다 - 여기

http://ogp.me/가 오픈 그래프 메타 태그 모양을의 예입니다 - 당신이 페이스 북에 링크를 게시 할 때

<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."/>

, 그것은 나가서 메타 태그를 찾습니다 이러한 정보를 사용하여 링크의 미리보기를 표시하십시오.

출처

2012-06-09 17:40:54 Lix

플러그인이있어서 자바 스크립트로 내 웹 사이트에서 해당 정보를 사용할 수 있습니까? – user1054134

자바 스크립트 구현에 대해 잘 모르겠습니다. 어쩌면 [@ Dear 's answer] (http://stackoverflow.com/a/10963288/558021) 도움이 될 것입니다. 내 답변은 그것이 어떻게 작동하는지 더 많거나 적게 설명하는 것이 었습니다. – Lix

은 클라이언트 측 기능에 대해 설명 했습니까? – user1054134

당신은 거미를 찾고 있습니다 : https://github.com/mikeal/spider (또는 google과 비슷합니다) @lix가 말한 것을 읽어주십시오.

출처

2012-06-09 17:59:09

서버 측에서 node.js를 사용하지 않습니다. 방금 openfire 서버를 사용합니다. 필요한 기능을 위해 node.js 또는 다른 서버 측 코드가 필요합니까? 이 앱은 휴대 기기 용 phonegap으로 패키징되기 때문에 모바일 브라우저에서도 작동해야합니다. – user1054134

그것은 서버에 따라 다릅니다. 귀하의 서버가 스파이더를 실행할 수 있다면, 다른 서버를 사용하지 마십시오. 예,이 기능을 구현하려면 더 많은 것들이 필요합니다. –

링크에서 사진 또는 동영상을 표시합니다

답변

관련 문제