Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Coupe WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Comment ajouter des fichiers audio MP3 dans WordPress (3 méthodes faciles)

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.

How to add MP3 audio files in WordPress

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 :

A Spotify playlist embedded in WordPress

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.

The built-in WordPress audio block

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.

Uploading an audio file to your WordPress website

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.

Embedding Spotify audio in WordPress

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.

The Audio block's autoplay settings

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.

Loop an MP3 audio file using the WordPress audio block

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 « .

Adding an audio player to your WordPress website

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.

Creating an audio player widget using a plugin

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.

Adding an audio file to the HTML5 player

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 ».

Adding a new audio player to your WordPress website

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.

Adding an audio player block to your WordPress site

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.

An HTML5 WordPress audio block

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.

An MP3 product page created using 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 ».

Adding an MP3 file to Easy Digital Downloads

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.

How to sell an MP3 audio file using EDD

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 ».

Publishing an MP3 using Easy Digital Downloads

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.

Divulgation : Notre contenu est soutenu par les lecteurs. Cela signifie que si vous cliquez sur certains de nos liens, nous pouvons gagner une commission. Consultez comment WPBeginner est financé, pourquoi cela compte et comment vous pouvez nous soutenir. Voici notre processus éditorial.

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

L'ultime WordPress Toolkit

Accédez GRATUITEMENT à notre boîte à outils - une collection de produits et de ressources liés à WordPress que tous les professionnels devraient avoir !

Reader Interactions

22 commentairesLaisser une réponse

  1. 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

  2. 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?

  3. Monique Stam

    This only works if you can afford WordPress Premium or better, as fas as I can tell.

  4. 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.

  5. 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.

  6. 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

  7. khuram khan

    thanku for sharing such a great idea …

  8. roni

    How to play auto mp3 on website

  9. 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 :D

  10. 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

  11. 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

  12. 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?

  13. 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.

  14. Jake

    Does this work well on mobile? I can imagine that it would be hard to click the buttons on an iPhone.

  15. 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.

Laisser une réponse

Merci d'avoir choisi de laisser un commentaire. Veuillez garder à l'esprit que tous les commentaires sont modérés selon notre politique de commentaires, et votre adresse e-mail ne sera PAS publiée. Veuillez NE PAS utiliser de mots-clés dans le champ du nom. Ayons une conversation personnelle et significative.