Ajouter des fichiers audio MP3 à votre site WordPress peut être un excellent moyen de partager de la musique, des podcasts, des interviews et d’autres contenus audio. Cela aide à engager vos internautes et peut les garder sur votre site plus longtemps.
Cependant, téléverser et afficher des fichiers audio peut sembler un peu difficile, surtout si vous n’êtes pas familiarisé avec les différents outils et méthodes disponibles. Vous ne voulez pas perdre de temps à vous débattre avec des étapes par étapes compliquées ou à vous inquiéter des problèmes de compatibilité.
Après des recherches et des tests approfondis, nous avons trouvé 3 excellentes options pour ajouter des fichiers MP3 à WordPress. Il s’agit du bloc audio intégré à WordPress, du lecteur audio HTML5 et d’Easy Digital Downloads.
Dans cet article, nous vous afficherons comment utiliser ces outils pour ajouter des fichiers audio à votre site WordPress, même si vous êtes débutant.
Pourquoi ajouter des fichiers audio MP3 dans WordPress?
Partager des fichiers audio sur votre site WordPress peut être un excellent moyen de maintenir l’intérêt des internautes et de les encourager à y passer plus de temps.
Si l’engagement sur votre site est élevé, les internautes seront plus susceptibles de se souvenir de votre marque. Ils pourraient également passer à l’action, par exemple en effectuant un achat ou en s’inscrivant à votre lettre d’information par e-mail.
Lorsque vos internautes passent plus de temps à explorer votre site, cela peut être un signal positif pour les moteurs de recherche. Par conséquent, votre site peut avoir un meilleur classement en matière de référencement et obtenir plus de trafic.
Dans cette optique, il est judicieux de partager sur votre site les versions audio MP3 de vos publications de blog, de vos épisodes de podcast, de vos enregistrements de webinaires ou de vos chansons. Vous pouvez même proposer ces fichiers audio à la vente.
Dans ce guide, nous allons vous afficher comment ajouter des fichiers audio MP3 à un site WordPress. Si vous êtes intéressé par une méthode particulière, vous pouvez cliquer sur le lien pour aller plus loin dans l’article :
Premiers pas.
Méthode 1. Comment ajouter des fichiers MP3 à l’aide du bloc audio intégré (supporte les plateformes de diffusion en direct)
La manière la plus simple d’embarquer des fichiers audio MP3 est d’utiliser le bloc audio intégré de WordPress.
Ce bloc simple comporte toutes les commandes de lecture importantes, notamment un bouton lecture/pause, des commandes de volume et un bouton permettant de modifier la vitesse de lecture.
Si vous n’avez pas besoin de fonctionnalités plus avant, le bloc ‘Audio’ est un bon choix. Vous pouvez utiliser le bloc « Audio » pour lire n’importe quel fichier MP3 de votre médiathèque WordPress.
Note: Pour la plupart des utilisateurs/utilisatrices, nous ne recommandons pas de téléverser des fichiers MP3 à lire sur votre site WordPress. En effet, le téléversement de fichiers audio ou vidéo volumineux peut prendre beaucoup d’espace et ralentir votre site. Vous pouvez en savoir plus dans notre guide sur les raisons pour lesquelles vous ne devriez jamais téléverser de vidéos sur WordPress.
Vous pouvez également embarquer des MP3 provenant de plateformes audio tierces populaires telles que Spotify et SoundCloud.
Sachez que certaines plateformes vous permettent uniquement d’embarquer un extrait de l’audio complet. Elles pourraient également encourager les gens à quitter votre site et à écouter le MP3 complet sur leurs plateformes, comme dans l’image suivante :
Pour ajouter un fichier audio MP3 à votre site WordPress, ouvrez une page ou une publication. Cliquez ensuite sur l’icône « + ».
Une fenêtre surgissante apparaît alors.
Allez-y et tapez « Audio » pour trouver le bon bloc. Cliquez ensuite sur le bloc « Audio » pour l’ajouter à votre page.
Si vous souhaitez téléverser un nouveau fichier MP3, vous devez cliquer sur « Téléverser ».
Ensuite, n’hésitez pas à choisir le fichier audio que vous souhaitez téléverser depuis votre ordinateur.
Si vous souhaitez utiliser un fichier MP3 existant, cliquez sur » Bibliothèque des médias « . Vous devriez alors pouvoir choisir un fichier audio dans la médiathèque de WordPress.
Si vous souhaitez intégrer un MP3 provenant d’un site externe, vous devez cliquer sur « Insérer à partir d’une URL ».
Il vous suffit de coller l’URL où se trouve le fichier audio.
Une fois que vous avez fait cela, il est bon de cliquer sur le bloc « Audio » pour voir les différents Réglages que vous pouvez configurer.
Note : les réglages affichés peuvent varier selon que vous ajoutez un MP3 à partir de la médiathèque ou que vous intégrez de l’audio à partir d’un site tiers.
Par exemple, vous pouvez faire en sorte que l’audio soit lu automatiquement en cliquant sur le bouton « Autoplay ».
Cependant, l’audio qui commence à jouer dès le chargement de la page peut être gênant, en particulier si l’internaute a mis le volume à fond. C’est pourquoi vous devez activer la fonction « Autoplay » uniquement si elle améliore d’une manière ou d’une autre l’expérience des internautes.
Vous pouvez également lire le fichier audio en boucle en cliquant sur le bouton « Boucle ».
Cette configuration fonctionne le mieux pour un audio qui n’est pas trop distrayant. Par exemple, vous pouvez l’utiliser pour une piste instrumentale qui fournit un bruit de fond ou définit l’atmosphère.
Vous pouvez également activer la fonction de lecture en boucle pour les audios plus longs que les internautes voudront écouter en boucle, comme un album entier.
Lorsque vous êtes satisfait de la façon dont la page ou la publication est définie, vous pouvez la publier ou la mettre à jour.
Vous devriez maintenant voir le MP3 en direct sur votre page web. Cela signifie également que les internautes peuvent écouter l’audio gratuitement en utilisant les boutons de contrôle de lecture du bloc.
Méthode 2. Comment ajouter des fichiers audio MP3 à l’aide d’une extension WordPress (plus personnalisable)
Le bloc « Audio » intégré est un moyen simple d’ajouter des fichiers audio MP3 à votre site, y compris d’y incorporer du contenu provenant de plateformes tierces. Cependant, il est très limité, en particulier lorsqu’il s’agit de personnaliser l’apparence et le fonctionnement du lecteur audio.
Si vous souhaitez ajouter un fichier audio depuis la médiathèque de WordPress, alors le lecteur audio HTML5 est beaucoup plus personnalisable.
C’est l’une des meilleures extensions de lecteur audio pour WordPress et elle supporte quelques formats audio différents, y compris les MP3. Veuillez cependant noter que vous ne pouvez pas utiliser cette extension pour intégrer du contenu provenant de services de diffusion directe tiers.
Tout d’abord, installons et activons l’extension. Si vous avez besoin d’aide, vous pouvez consulter notre guide sur l’installation d’une extension WordPress.
Une fois activé, vous devrez créer un lecteur audio et ajouter le fichier MP3 à ce lecteur.
Pour Premiers pas, vous pouvez vous rendre sur Titre HTML5 Audio Player » Html5 Audio Player. Cliquez ensuite sur le bouton » Ajouter un lecteur audio « .
Une fois que vous avez fait cela, la prochaine chose à faire est de taper un nom pour le lecteur audio dans le champ « Ajouter un titre ».
Vous pouvez utiliser le titre de votre choix, car il s’agit d’une simple référence.
Ensuite, vous devez défiler jusqu’à la section « Configuration du lecteur ».
Ici, vous pouvez cliquer sur le bouton » Ajouter un audio » pour lancer la médiathèque de WordPress. Choisissez ensuite le fichier MP3 que vous souhaitez utiliser.
Après avoir choisi un MP3, vous êtes prêt à personnaliser le lecteur audio.
Par défaut, les internautes n’ont qu’à cliquer sur le bouton « Play » pour écouter l’audio. C’est ainsi que la plupart des internautes s’attendent à ce qu’un lecteur audio fonctionne, et vous voudrez donc généralement utiliser ces réglages par défaut.
Toutefois, il existe des options permettant de couper l’audio par défaut, d’effectuer une lecture automatique, de répéter, etc. Vous pouvez définir ces réglages en fonction de vos besoins.
Lorsque vous êtes satisfait de la façon dont le lecteur audio est configuré, cliquez simplement sur le bouton « Enregistrer ».
Pour ajouter le fichier MP3 et le lecteur audio à votre site, vous devez ouvrir n’importe quelle page ou publication. L’étape suivante consiste à cliquer sur le bouton « + ».
Dans la fenêtre surgissante, tapez « HTML5 Audio Player » pour trouver le bon bloc. Ensuite, cliquez sur « HTML5 Audio Player – Insert » pour ajouter le bloc à votre page.
Une fois cela fait, vous pouvez déplier le menu déroulant » Sélectionné un lecteur » et sélectionner le lecteur audio que nous venons de créer.
L’éditeur de pages WordPress n’affiche pas le fichier audio, vous ne pourrez donc pas lire le MP3 ou voir le lecteur.
Si vous souhaitez voir le lecteur en action, il vous suffit de cliquer sur le lien « Prévisualisation ».
Lorsque vous êtes prêt à publier le MP3, mettez à jour ou publiez la page. Ensuite, vous pouvez visiter la page en direct sur votre site WordPress, et le fichier MP3 devrait pouvoir être lu.
Méthode 3. Comment ajouter des fichiers MP3 en utilisant Easy Digital Downloads (et gagner de l’argent)
Version du bloc audio WordPress intégré et le lecteur audio HTML5 permettent aux internautes de lire vos fichiers MP3 gratuitement. Cependant, vous pouvez envisager de vendre des fichiers audio et de gagner de l’argent en ligne en bloguant avec WordPress.
Par défaut, WordPress ne dispose pas de fonctionnalités d’e-commerce. Vous devrez donc utiliser une extension si vous souhaitez vendre vos fichiers MP3.
C’est là que Easy Digital Downloads entre en jeu. C’est l’une des meilleures extensions WordPress de eCommerce qui vous permet de vendre facilement des ebooks, des fichiers PDF, des vidéos, des fichiers audio MP3, et tout autre type de produit numérique.
Beaucoup de nos sites partenaires utilisent Easy Digital Downloads pour vendre leurs extensions et leurs logiciels, et ils nous ont fait part de leurs excellentes expériences. Pour plus de détails sur notre expérience, vous pouvez consulter notre Avis Easy Digital Downloads.
Mieux encore, Easy Digital Downloads est préinstallé si vous utilisez SiteGround comme fournisseur d’hébergement. Cela vous autorise à commencer à vendre des MP3 et d’autres produits numériques immédiatement.
En savoir plus sur la façon de Premiers pas avec Easy Digital Downloads, Veuillez consulter notre guide pour débutants sur la façon de vendre des téléchargements numériques sur WordPress.
Une fois Easy Digital Download défini, vous pouvez ajouter chaque MP3 en tant que nouveau produit en cliquant simplement sur « Téléchargements » dans le menu de gauche.
Vous pouvez ensuite cliquer sur le bouton « Ajouter une nouvelle ».
Cela ouvrira un écran dans lequel vous pourrez créer une page produit pour le téléchargement numérique.
Ici, il est conseillé d’ajouter toutes les informations nécessaires sur votre fichier audio, y compris son prix, sa description et toutes les catégories et identifications de produits que vous souhaitez utiliser.
Une fois cela fait, défilez jusqu’à la section « Download Files » et cliquez sur l’icône qui ressemble à un lien.
Cela lancera la médiathèque de WordPress, où vous pourrez choisir les MP3 que vous souhaitez vendre sur votre site.
Lorsque vous êtes satisfait de la façon dont la page produit est configurée, cliquez simplement sur « Publier ».
Désormais, les internautes pourront acheter votre fichier audio MP3 en visitant simplement votre site.
Nous espérons que cet article vous a aidé à apprendre comment ajouter des fichiers audio MP3 dans WordPress. Ensuite, vous pouvez consulter nos guides sur l’ajout d’un lecteur de musique audio dans WordPress et sur la vente de livres audio en ligne.
Si vous avez aimé cet article, veuillez alors vous abonner à notre chaîne YouTube pour obtenir des tutoriels vidéo sur WordPress. Vous pouvez également nous trouver sur Twitter et Facebook.
christopher baxley
Thanks for the help. My blog is 6 months old, I was having issues with uploading audio into a post. You gave a clear and understanding example on how to upload them. You’ve saved me a lot of heartache and frustration. thank you. Have a great day.
WPBeginner Support
You’re welcome, glad our article could help
Administrateur
Glen Donohue
How to get the MP3 in to blubrry press with out having to do it myself all the time should be a way for it to read rss and add it each time there is a new podcast?
Monique Stam
This only works if you can afford WordPress Premium or better, as fas as I can tell.
Mike P.
You might want to edit this post. Since 3.6 (we are on 4.X) WP can support native audio embedding. The plugin is not needed.
Michele
Worked great, thanks!!
Carla
This plugin is old, but the newest one, PB oEmbed HTML5 Audio – with Cache Support, is awesome!!! It is ridiculously easy to use. Just be sure to remove the extra code around the link that Wordpress creates when you insert an MP3 file into a post or page.
By the way, for those who do not know how to insert an audio file into a post or page, add it just as you would a photo, using the Media button.
Alan Thompson
Hello
I’m sure the solution above works very well for individual posts. Does anyone have any ideas how to integrate a music player which continues playing as the user browses to other pages /posts – like the bar across the bottom of the screen when you play a track at http://www.jamendo.com?
Regards
Alan
khuram khan
thanku for sharing such a great idea …
roni
How to play auto mp3 on website
Erin Dougherty
There’s a media file mb limit of 10mb and my audio file is 11mb. How can you add a media file larger than 10mb or how can I reduce the size of my mp3 file in order to upload it to my wordpress site?
Duckworth
Try uploading the file from inside a post or reduce the file size with any mp3 editors. There are billions of free tools out there. Neat,huh
kainer
People, get rid of all plugins that not support their service on browsers like ie, chrome, firefox and mobile phones/pads. Why somebody still developing this shit?
You can not use plugins which only serve 50% of all internet users!
…..and if you see one of this half baked plugins: DON’T PROMOTE IT! It is useless.
THX for the article btw….
Editorial Staff
I think you are misunderstood about the plugin’s compatability. It works with all browsers and have a backup Flash based player for MP3.
For other file formats OGG and WAV, it is not supported on IE 8, 9, and Safari. But again, we wrote this article for MP3 files, and this plugin supports that on all browsers. The wording on the plugins detail page might be confusing, but if you look carefully, there is a semi colon there that separates OGG, WAV – not supported.
Administrateur
Warren Horak
Thanks for this post.
Just one problem, when I update it URL link appears in the post with no player ? How can I fix this?
Thanks
Warren
Osagie 'OsaGz' Alonge
Has any noticed this plugin doesn’t work on mobile? Is there any audio player that can stream music on mobile platform?
Tim Hyde
I recently discovered the oEmebed HTML5 Audio plugin which is really simple. I wanted a way to avoid using SoundCloud and their fees!
This plugin will embed the HTML audio player, with a flash backup for any mp3 url it finds in your post.
http://wordpress.org/extend/plugins/oembed-html5-audio/
This way you can store your audio anywhere. A public DropBox folder works pretty well and couldn’t be simpler.
Noumaan Yaqoob
Tim actually this is the same plugin discussed in the article above. No doubt its a great plugin. The public dropbox idea is cool.
So basically you can just upload an audio file mp3 or ogg in Dropbox public folder. Get the link of the file from drop box and just paste it in posts.
Greg Davis
It hasn’t been updated in a while but another good option has been the WordPress « Audio Player » plugin: http://wordpress.org/extend/plugins/audio-player/
Liam
Thanks for sharing!
Jake
Does this work well on mobile? I can imagine that it would be hard to click the buttons on an iPhone.
Andrew Ledwith
I’ve been using Blubrry PowerPress to embed audio on several WP websites. I’ve been very pleased with its performance and robust set of options.