Shortcode pour afficher un lecteur audio HTML5 dans vos articles
Cette astuce montre la démarche à suivre pour créer un shortcode qui permet d’insérer un lecteur audio en HTML5 dans vos articles.
Après avoir vu le shortcode pour insérer un player vidéo HTML5 dans vos articles, je vous propose de faire la même chose pour un lecteur audio HTML5.
Copier le code-ci dessous dans le fichier functions.php
de votre thème :
[pastacode lang=”php” message=”” highlight=”” provider=”manual”]
add_shortcode('audio5', 'gkp_html5_audio');
function gkp_html5_audio($atts, $content = null) {
extract(shortcode_atts(array(
"src" => '',
"autoplay" => '',
"preload" => 'true',
"loop" => '',
"controls" => ''
), $atts));
return '<audio src="' . esc_attr( $src ) . '" autoplay="' . esc_attr( $autoplay ) . '" preload="' . esc_attr( $preload ) . '" loop="' . esc_attr( $loop ) . '" controls="' . esc_attr( $controls ) . '" autobuffer ></audio>';
}
[/pastacode]
Pour insérer un lecteur audio dans un article, vous devez utiliser le shortcode [audio5 src=”adresse de votre vidéo”]
9 Commentaires
Est-il possible d’ajouter plusieurs sources avec ce shortcode ?
@Mathieu : Ce shortcode est fait pour une source unique.
Bonjour !
Merci pour votre fonction. Est-il possible d’ajouter le réglage du volume ?
@Fredplus : Oui, il suffit d’ajouter l’attribut correspondante dans la balise audio et dans l’array de la fonction shortcode_atts
Merci beaucoup pour votre réponse.
Joyeux Noël =)
Je vous remercie, je vais tester ça :)
Bonjour !
Comment fait on pour que le player ne se lance pas autaumatiquement ?
@Dadou : Il faut ajouter l’attribut autoplay à la balise vidéo pour que la lecture se lance automatiquement.
Bonjour,
Depuis la version 3.7, il suffit de taper ceci dans votre page/post pour afficher un lecteur audio :
[audio src="la-source-de-votre-fichier-audio-ou-podcast.mp3"]
WordPress se charge désormais tout seul d’afficher le lecteur.
Idem pour les vidéos, mais je ne vous apprends rien ;-)