Comment ont-ils fait cette chose intelligente que lorsque vous collez un lien YouTube dans "Que faites-vous en ce moment?" alors il arrive dans Links, youtube image + titre + description? comment ont-ils fait cela, et est-ce difficile à faire? Exemple de faire cela serait génial!YouTube: obtenir youtube titre + image + description comme facebook
Répondre
L'une des façons d'y parvenir est d'utiliser l'API Youtube Data (http://code.google.com/apis/youtube/2.0/developers_guide_protocol_video_entries.html).
Vous envoyez l'identifiant vidéo, qui se trouve dans le lien vers une vidéo, à l'API, et il renvoie toutes les données dont vous avez besoin dans un format xml/JSON, en fonction de ce que vous spécifiez dans l'URL.
Exemple:
Si vous avez reçu le lien vidéo http://www.youtube.com/watch?v=NWHfY_lvKIQ, vous pouvez obtenir toutes les informations sur la vidéo en utilisant ce lien, http://gdata.youtube.com/feeds/api/videos/NWHfY_lvKIQ. Les données renvoyées contiennent toutes les informations sur la vidéo, y compris le titre, la description et une vignette.
La reconnaissance sur Facebook fonctionne pour la plupart des liens, et pas seulement parmi les meilleurs comme YouTube. Donc, je suppose qu'ils essaient de savoir si la page contient un lien vers une autre représentation, comme un flux. Quand ils trouvent ce lien, ils font un appel pour obtenir le contenu du flux. formats de flux sont principalement standardisé RSS ou Atom, et ont des propriétés clairement identifiables telles que title
, thumbnail
, description
, etc.
permet donc dire que vous aviez un lien vidéo YouTube tels que http://www.youtube.com/watch?v=0Mz4NTozNXw. Dans sa source, il contient les liens suivants avec des représentations alternatives qui peuvent fournir les métadonnées requises:
<link rel="alternate" type="application/json+oembed" href="http://www.youtube.com/oembed?url=http%3A//www.youtube.com/watch?v%3D0Mz4NTozNXw&format=json" title="Crispy Onion Rings Recipe - How to Make Crispy Onion Rings" />
<link rel="alternate" type="text/xml+oembed" href="http://www.youtube.com/oembed?url=http%3A//www.youtube.com/watch?v%3D0Mz4NTozNXw&format=xml" title="Crispy Onion Rings Recipe - How to Make Crispy Onion Rings" />
Si nous devions récupérer le contenu du lien avec type="text/xml+oembed"
, nous obtenons le dos XML suivant:
<oembed>
<provider_url>http://www.youtube.com/</provider_url>
<title>Crispy Onion Rings Recipe - How to Make Crispy Onion Rings</title>
<html><object width="480" height="295"><param name="movie" value="http://www.youtube.com/v/0Mz4NTozNXw&fs=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/0Mz4NTozNXw&fs=1" type="application/x-shockwave-flash" width="480" height="295" allowscriptaccess="always" allowfullscreen="true"></embed></object></html>
<author_name>foodwishes</author_name>
<height>295</height>
<thumbnail_width>480</thumbnail_width>
<width>480</width>
<version>1.0</version>
<author_url>http://www.youtube.com/user/foodwishes</author_url>
<provider_name>YouTube</provider_name>
<thumbnail_url>http://i1.ytimg.com/vi/0Mz4NTozNXw/hqdefault.jpg</thumbnail_url>
<type>video</type>
<thumbnail_height>360</thumbnail_height>
</oembed>
À partir de là, vous pouvez obtenir le titre et l'information de l'URL miniature qui peut ensuite être affichée à l'utilisateur final. C'est une approche assez générique pour pouvoir gérer la plupart des liens en ligne. Maintenir un catalogue de types de liens que vous soutenez, comme:
application/atom+xml
application/rss+xml
application/json+oembed
application/json+oembed
...
et vérifier si des liens sur la page correspondent aux types que vous soutenez. Si c'est le cas, suivez ce lien et obtenez les informations requises. La connaissance de l'attribut type vous donne des informations sur le format à prévoir pour l'analyse préalable.
- 1. Obtenir le titre de la vidéo sur youtube avec jQuery en utilisant youtube api
- 2. Recherche vidéo Flash (comme youtube)
- 3. Envoyer une vidéo de Facebook à YouTube?
- 4. JS: Insérer youtubelink = youtube information
- 5. Composant Flash/Flex Youtube comme seekbar
- 6. Javascript éteint (manipulation CSS), comme dans YouTube
- 7. Youtube téléchargeur
- 8. Youtube API de recherche
- 9. Faire un script JavaScript qui sort d'info de Youtube
- 10. facebook description de l'application et logo/image
- 11. Comment youtube charger l'image
- 12. Incorporation youtube vidéos problème
- 13. Besoin d'image, texte, youtube, etc. jquery modale superposition avec description longue
- 14. Obtenir un code vidéo youtube intégré à partir d'un lien YouTube?
- 15. YouTube ActionScript API
- 16. Youtube canal feed
- 17. Intégrer la vidéo sur youtube sans lien avec youtube
- 18. Je voudrais savoir pour créer un youtube comme lecteur flash
- 19. Application YouTube like UITableView
- 20. GUID semblable à YouTube
- 21. Comment obtenir des vignettes de vidéos téléchargées sur Youtube en utilisant Youtube Data API dans CakePHP
- 22. Obtenir des liens youtube à partir de la vidéo YouTube intégrée sur les pages?
- 23. Trouver des films HD youtube en utilisant l'API Youtube?
- 24. streaming Youtube Vidéos
- 25. youtube chromeless joueur d'échelle
- 26. Regex ignorer youtube
- 27. Parse json formulaire de données Youtube api
- 28. Image recadrage comme facebook
- 29. vidéo Youtube URL de téléchargement
- 30. OSMF YouTube AS3 API
Je vous remercie de votre réponse, je suis désolé d'avoir déjà accepté l'autre réponse. Mais je suis sûr que d'autres trouveront votre réponse utile aussi – Karem
@Karem - pas de soucis, en fait trouver cette information sur m'a également aidé pour un projet à venir :) – Anurag
Facebook oblige les sites à inclure og métatags qui sont reconnus par FB. –