Dans la première partie nous avons pu voir les premières commandes FBML. Dans ce tutoriel nous allons voir de façon
plus complète toutes les possibilités du FBML. Plus précisément, comment utiliser les médias.

Voici la première partie, pour ceux qui ne l’ont par encore lus.

Afficher une photo

Pour afficher une photo publiée dans facebook il faut utiliser la balise <fb:photo>

<fb:photo pid= »LE PID » uid= »LE UID » />

On va prendre l’exemple de cette publication :

http://www.facebook.com/photo.php?pid=1367728&id=619393444&op=1&view=all&subj=14113848026&aid=-1&oid=14113848026

Et on veut récupérer l’image de cette gargouille, il faut donc trouver le PID et
le UID

En fait c’est très simple, ils sont juste dans l’url !

http://www.facebook.com/photo.php?pid=1367728

&id=619393444&op=1&view=all&subj=14113848026&aid=-1&oid=14113848026

Le PID est : 1367728
Le UID est : 619393444

Si on veut afficher la photo on fait :

<fb:if-can-see-photo pid="1367728" uid="619393444">
<fb:photo pid="1367728" uid="619393444" />
</fb:if-can-see-photo>

Et voilà la gargouille est affichée.

La balise <fb:if-can-see-photo > sert juste à vérifier, si l’utilisateur peut lier la photo.

Musique Maestro !

Le FBML donne aussi la possibilité d’intégrer un petit lecteur mp3 dans votre gadget.

Voilà ce que cela peut donner :

fb:mp3

Pour ceci on va utiliser la balise <fb:mp3>

<fb:mp3
	src="http://media.waanser.com/2009/01/yebano_love_arpege.mp3"
	title="Love arpege"
	album="Yebano"
	artist="Yuno"
/>

Attribut obligatoire :

src: il est obligatoire, c’est le chemin absolu du fichier mp3.

Attributs facultatifs :

title : le titre de la chanson.
artist : le nom de l’artiste.
album : le nom de l’album.
width : la largeur du lecteur (par défaut c’est 300).
height : la longueur du lecteur (par défaut c’est 29).

FLV : Les vidéos Flash sur facebook

Nous allons voir comment diffuser des vidéos flash sur notre application facebook.

api facebook video FLV

Pour afficher les vidéos nous allons utiliser la balise <fb:flv>.

Voici un exemple de code :

<fb:flv
	src='http://media.waanser.com/2009/02/691008.flv'
	width='400'
	height='300'
	title='my movie'
 	color='#FFBB00'
 	salign='r'
	img='http://media.waanser.com/2009/02/ex_flv.jpg'
 	scale='showall'
>

Attribut obligatoire :

src : il est obligatoire, c’est le chemin absolu du fichier .flv

Attributs facultatifs :

title : le titre de la vidéo.
width : la largeur du lecteur.
height : la longueur du lecteur.
scale : définit le format d’affichage de la vidéo. Il faut savoir qu’il y a trois options possibles :

1. showall : affiche le format réel de la vidéo.
2. noborder : la vidéo est découpée par rapport au format des attributs « width » et « height ».
3. exactfit : la taille de la vidéo est redimensionnée au format défini par les attributs « width » et « height ».

img : l’image de prévisualisation. Il faut que le chemin soit absolu. A noter aussi que l’image doit être en format .jpg
align : l’alignement de la vidéo, ci-dessous les quatre options possibles

1. l : gauche
2. r : droit
3. t : milieu
4. b : centré

color : couleur de fond de la vidéo.

1. ShAdY Says:
   février 25th, 2009 at 19 h 38 min

   Merci!

2. merci man Says:
   mai 3rd, 2009 at 19 h 28 min

   merci , merci et encore merci

3. sun Says:
   juillet 16th, 2009 at 16 h 59 min

   Bonjour je voudrai savoir comment intégrer ce lecteur sur mon profile facebook?

4. foolek17 Says:
   septembre 10th, 2009 at 16 h 56 min

   Bonjours !
   Ou est-la balise ?

5. foolek17 Says:
   septembre 10th, 2009 at 16 h 57 min

   peux-tu expliquer plus simplement et plus clairement ?

   merci

6. Vince Says:
   octobre 28th, 2009 at 20 h 39 min

   Bonjour,

   J’ai un problème tout con :

   Je voudrais insérer mon fichier de style css dans mon appli facebook FBML.
   ou trouver les balises FBML pour mettre en forme le texte et je n’y arrive pas !!
   Est-ce que quelqu’un peut m’aider ? Au secours Raoul !!!

7. Tik Says:
   novembre 10th, 2009 at 16 h 26 min

   Hello,

   le Wiki Facebook semblait dire qu’on ne pouvait pas utiliser l’ID présent dans l’URL.

   Et eux disent de seulement indiquer et que le pid ne peut être récupéré que via l’API.

   J’ai envie de dire qu’avec ce post… tu leur a donné tort, et pour ma part ça fonctionne très bien en ajoutant le uid !

   Merci bien.

   Tik.

8. jc Says:
   avril 17th, 2010 at 23 h 05 min

   Tres simple en fait pour diffuser par facebook … explication simple et clair bravo pour ton site la doc sur api facebook en français manque un peu sur le web donc bonne initiative que ce site… a++ bne prog

9. brieuc Says:
   avril 19th, 2010 at 19 h 46 min

   Comment fait t’on si on veut que l’image qu’on mets dans son FMBL soit vu quand on deviens fans et pas avant ( sur les pages facebook ) ? merci de répondre

10. Sacha Says:
    mai 20th, 2010 at 17 h 26 min

    je veux maitre cette video en FBML mais je n’arrive pas .. vous pouvez m’aidez :

    http://www.youtube.com/watch?v=XZKqXRIDUMg

    Cordialement