Nous sommes actuellement le 18 Jan 2018 23:46


phpBB - les balises [mp3] et [audio]

Astuces css, coups de pouces php, et bricolages html en tous genres... DIY ton web !
  • Auteur
  • Message
Avatar de l’utilisateur

abFab

Administrateur

Administrateur

  • Message(s) : 771
  • Inscription : 27 Août 2003 19:12

phpBB - les balises [mp3] et [audio]

Message 01 Sep 2013 19:46

Ce forum tourne sous phpBB et les admins ont la possibilité d'ajouter des bbcodes, ces balises qui permettent de modifier la forme d'un message ou d'insérer des documents externes.
On trouve de la documentation ici :
http://forums.phpbb-fr.com/documentatio ... l#p1144275

Ci-dessous vous trouverez la méthode pour utiliser les deux balises que j'ai intégré, La première est d'une utilisation foprt simple, la seconde, la balise [audio] est plus compliquée car elle demande 2 fichiers sons : du ogg et du mp3.


- Balise [mp3 ]

Utilisation :
Pour lire directement un fichier mp3 à l'intérieur d'un message, il suffit juste de mettre le lien vers le fichier entre les deux balises [mp3 ] et [/mp3 ]

Cela va faire appel au player "dewplayer" classic, que l'on trouve ici :
http://www.alsacreations.fr/dewplayer.html

Exemple :
Le bout de bbcode suivant...
Code : Tout sélectionner
[mp3]http://dawapunk.net/abfab/divers/sounds/Legitime_defonce_-_anesthesie_mentale.mp3[/mp3]

... va donner :



- Implémentation BBcode.

Pour intégrer ce code sur un forum phpBB, il faut :
- récupérer les fichiers du lecteur (à télécharger sur le site de dewplayer), et le mettre dans le répertoire "REPERTOIRE_LECTEUR" (mettez ce que vous voulez, heing)
- aller au panneau d'administration, cliquer sur l'onglet "publication"
- dans le premier cadre, "Utilité du BBcode", mettre :
Code : Tout sélectionner
 [mp3]{URL}[/mp3 ]

- dans le second cadre, "Remplacement de l'Html" :

Code : Tout sélectionner
<object type="application/x-shockwave-flash" data="REPERTOIRE_DU_LECTEUR/dewplayer.swf" width="200" height="20" id="dewplayer" name="dewplayer">
<param name="wmode" value="transparent" />
<param name="movie" value="dewplayer.swf" />
<param name="flashvars" value="mp3={URL}&showtime=1" />
</object>


Pour l'aide en ligne, vous pouvez mettre : "[mp3 ]url_mp3[/mp3 ]"



- Balise [audio ]

La balise [audio ] vise à se débarrasser de flash(c)(p)(tm)... et à utiliser directement la possibilité de lire les fichiers sons dans le navigateur grâce au html5.
Problème : les navigateurs ne lisent pas tous les mêmes types de fichiers. C'est casse-burne.
Mais avec un mp3 et un Ogg on devrait couvrir la totalité des navigateurs. Cela sous-entend qu'il faut un fichier Ogg ET un fichier mp3 pour pouvoir être lus par tout le monde.
Oui c'est pas pratique, mais ça évite Flash(c)(tm). Soyons clairs, dans le cadre d'un forum, je pense que c'est plus pour la forme et que pas grand monde ne va s'en servir... mais "ça a le mérite d'exister" ;p

Utilisation :
Mettre les fichiers "monfichier1.ogg" et "monfichier2.mp3" dans un répertoire "monrepertoire".
On utilise la balise comme suit :
[audio=monfichier1.ogg,monfichier2.mp3 ]monrepertoire[/audio]

Si le navigateur du visiteur ne lit pas le ogg, alors il ira lire le mp3.

Exemple :
J'ai deux versions Ogg et mp3 d'un même titre ici :
http://bands.contre-choc.net/lesmarteau ... orreze.ogg
http://bands.contre-choc.net/lesmarteau ... orreze.mp3

Pour les lire avec la balise [audio ], il faut mettre
Code : Tout sélectionner
[audio=LES_MARTEAUX_PIKETTES-La_Correze.ogg, LES_MARTEAUX_PIKETTES-La_Correze.mp3]http://bands.contre-choc.net/lesmarteauxpikettes/st/sons[/audio]


Et hop, la lecture se fait dans le lecteur propre à votre navigateur :





Implémentation BBcode:
Pour ceux qui veulent intégrer ce bbcode à leur forum :
- dans le premier cadre, "Utilité du BBcode", mettre :
Code : Tout sélectionner
 [audio={SIMPLETEXT1},{SIMPLETEXT2}]{URL}[/audio]

- dans le second cadre, "Remplacement de l'Html" :
Code : Tout sélectionner
<audio controls>
  <source src="{URL}/{SIMPLETEXT1}" />
  <source src="{URL}/{SIMPLETEXT2}" />
</audio>
bla bla bla
http://blog.abfab.ninja

(a)social
Seenthis : https://seenthis.net/people/ladistroy
Mastodon : https://mstdn.io/@abFab


"Messieurs, j'ai refait tous les calculs. Ils confirment l'opinion des spécialistes : notre idée est irréalisable. Il ne nous reste qu'une chose à faire : la réaliser." (Latécoère)

Retour vers Bricol'z web : l'atelier des punks

Qui est en ligne ?

Utilisateur(s) parcourant ce forum : Aucun utilisateur inscrit et 2 invité(s)