Comment ajouter un widget de lecteur de musique audio dans WordPress

Voulez-vous ajouter un widget de lecteur de musique audio dans WordPress ?

Un lecteur de musique est un excellent moyen de partager des chansons, des podcasts, des interviews et d’autres fichiers audio avec votre public. Cela peut aider à créer une expérience plus intéressante et engageante sur votre site.

Dans cet article, nous allons vous afficher comment ajouter un lecteur de musique audio dans WordPress.

Pourquoi ajouter un widget de lecteur de musique audio dans WordPress ?

Un lecteur de musique permet aux internautes d’écouter de l’audio directement sur votre site WordPress.

Si vous êtes podcasteur ou musicien, la mise en avant d’audio sur votre propre site peut permettre à vos internautes et à vos fans de se tenir au courant de votre travail.

Cela peut également encourager les gens à visiter votre site directement plutôt que de lire votre audio sur d’autres plateformes. Une fois que ces personnes sont sur votre site, vous pouvez être en mesure de gagner plus d’argent en affichant des publicités sur votre blog WordPress ou en vendant le fichier audio en téléchargement numérique.

Même si vous ne créez pas d’audio original, le fait d’embarquer du contenu provenant de plateformes tierces telles que Spotify est un moyen facile de créer un site plus attrayant. Cela peut inciter les internautes à rester plus longtemps sur votre site et rendre l’expérience plus amusante.

Ceci étant dit, voyons comment vous pouvez ajouter un lecteur de musique audio dans WordPress. Il suffit d’utiliser les liens rapides ci-dessous pour passer directement à la méthode que vous souhaitez utiliser.

• Méthode 1. Comment ajouter un widget lecteur de musique audio en utilisant le bloc Audio (facile)
• Méthode 2. Comment ajouter un widget de lecteur de musique audio à l’aide d’une extension (plus personnalisable)

Méthode 1. Comment ajouter un widget de lecteur de musique audio en utilisant le bloc audio (facile)

Cette méthode vous permet de créer un lecteur de musique audio simple en utilisant le bloc Audio intégré de WordPress. Vous pouvez utiliser ce bloc pour lire n’importe quel fichier .mp3, .m4a, .ogg ou .wav.

Le lecteur audio est très simple comparé à la plupart des extensions de lecteur audio. Il dispose d’un bouton lecture/pause, de commandes de volume, d’un bouton de téléchargement et d’un bouton permettant de modifier la vitesse de lecture.

Le bloc Audio intégré est un bon choix si vous souhaitez ajouter quelques courtes séquences audio à votre site et que vous n’avez pas besoin de fonctionnalités avant.

Si vous intégrez du contenu provenant d’une plateforme tierce supportée, telle que Spotify ou SoundCloud, le bloc Audio affichera les commandes de lecture de cette plateforme. Il peut également afficher du contenu supplémentaire provenant de la plateforme, comme le nom de l’artiste et l’image de couverture.

Par exemple, voici un bloc Audio avec du contenu SoundCloud Embarqué.

Pour ajouter un lecteur de musique audio simple à votre site WordPress, ouvrez n’importe quelle page ou publication. Cliquez ensuite sur l’icône +.

Dans la fenêtre surgissante, tapez « Audio » pour trouver le bon bloc. Il vous suffit ensuite de cliquer sur le bloc Audio pour l’ajouter à votre page.

À ce stade, vous pouvez soit ajouter un fichier audio, soit intégrer un clip audio provenant d’une autre plateforme.

Pour ajouter un module audio à partir de votre ordinateur, cliquez sur  » Téléverser « , puis choisissez le fichier que vous souhaitez utiliser. Une autre option consiste à cliquer sur « Bibliothèque » et à choisir un fichier dans la médiathèque de WordPress.

Si vous téléversez l’audio complet, alors vous pouvez donner aux internautes l’option de soutenir votre travail de musicien ou de podcasteur en vous envoyant un don. Pour une étape par étape, veuillez consulter notre guide sur l’ajout d’un bouton donateur/donatrice Stripe dans WordPress.

Souhaitez-vous plutôt intégrer de l’audio provenant d’une autre plateforme ?

Cette méthode est similaire à celle utilisée pour intégrer des vidéos dans WordPress: il suffit de coller l’URL d’une vidéo YouTube pour que WordPress l’intègre automatiquement.

Sachez simplement que la plupart des plateformes embarquent uniquement une Prévisualisation du fichier audio complet. Le blocage peut même inciter les internautes à quitter votre site et à se rendre sur la plateforme tierce, afin de commander l’audio complet.

Dans l’image abrégée, le bloc Audio dirige les internautes vers le site de Spotify.

Si vous êtes musicien, cela pourrait augmenter vos droits d’auteur en encourageant les internautes à jouer votre contenu sur d’autres plateformes. Cependant, cela peut aussi éloigner les gens de votre site et les amener sur les autres plateformes.

Pour intégrer de l’audio à partir d’une plateforme tierce, commencez par cliquer sur « Insérer à partir d’une URL ».

Une petite barre « Coller ou taper l’URL » s’ouvre alors.

Vous pouvez maintenant saisir l’URL du clip audio que vous souhaitez intégrer à votre blog WordPress.

En règle générale, il vous suffit de visiter la chanson ou l’audio que vous souhaitez intégrer, puis d’ouvrir ses Réglages de partage.

Ensuite, vous pouvez copier l’URL fournie.

À titre d’exemple, voyons comment vous pouvez intégrer n’importe quelle chanson Spotify sur votre site. Pour commencer, trouvez la chanson ou la playlist que vous souhaitez ajouter à votre site WordPress.

Ensuite, il suffit de cliquer sur les trois points que Spotify affiche à côté de la playlist ou de la chanson.

Une fois que c’est fait, cliquez sur Partager  » Copier le lien de la chanson.

Pour ajouter l’audio à un widget de lecteur de musique, il suffit de coller le lien dans le bloc Audio.

Dans notre exemple Spotify, WordPress va transformer le bloc Audio en un bloc Spotify. Cette modification se fait automatiquement, ce n’est donc pas quelque chose dont vous devez vous préoccuper.

Après avoir ajouté un fichier audio, vous pouvez cliquer sur le bloc Audio pour voir quels Réglages vous pouvez définir pour ce bloc.

Les réglages affichés peuvent varier selon que vous avez téléversé un fichier audio ou embarqué une Prévisualisation provenant d’un site tiers. Par exemple, vous pouvez souvent définir la lecture automatique de l’audio en cliquant sur le permutateur « Lecture automatique ».

La plupart de ces réglages sont explicites, mais il est conseillé de passer un peu de temps à essayer les différents réglages pour voir ce qui fonctionne le mieux pour votre site.

Lorsque vous êtes satisfait de la façon dont le bloc est configuré, vous pouvez mettre à jour ou publier la page.

Maintenant, si vous visitez la page sur votre site, vous verrez le lecteur de musique audio en direct. Vous pouvez également écouter l’audio à l’aide des boutons de contrôle de lecture du bloc.

Méthode 2. Comment ajouter un widget de lecteur de musique audio à l’aide d’une extension (plus personnalisable)

Le bloc audio intégré de WordPress est un moyen rapide et facile de créer un lecteur audio simple. Cependant, il a ses limites notamment lorsqu’il s’agit de personnaliser le lecteur et l’expérience de lecture.

Il n’existe pas non plus d’endroit central où vous pouvez gérer vos lecteurs audio. Cela signifie que vous ne pouvez pas utiliser le même lecteur plusieurs fois sur votre site.

Si vous souhaitez des fonctionnalités plus avant et des lecteurs audio réutilisables, nous vous recommandons Html5 Audio Player. Cette extension peut lire n’importe quel fichier mp3, .wav ou .ogg.

L’extension peut uniquement lire un fichier audio par lecteur. Cependant, vous pouvez créer autant de lecteurs audio que vous le souhaitez afin de pouvoir lire un grand nombre de pistes différentes sur votre site.

Vous pouvez même ajouter plusieurs lecteurs audio à la même page.

Tout d’abord, vous devrez installer et activer l’extension. Si vous avez besoin d’aide, veuillez consulter notre guide sur l ‘installation d’une extension WordPress.

Une fois activé, vous êtes prêt à créer votre premier lecteur audio en allant sur Html5 Audio Player  » Html5 Audio Player.

Cliquez sur le bouton « Ajouter un lecteur audio ».

Pour commencer, saisissez un nom pour le lecteur audio dans le champ qui affiche « Ajouter un titre ».

Il s’agit d’une simple référence, vous pouvez donc utiliser le titre de votre choix.

Une fois cela fait, défilez jusqu’à la section « Configuration du joueur ».

Ici, vous pouvez ajouter un fichier audio au lecteur en cliquant sur le bouton « Ajouter un fichier audio ».

Vous pouvez maintenant sélectionner n’importe quel fichier audio dans la médiathèque ou téléverser un fichier depuis votre ordinateur.

Après avoir choisi un fichier, vous êtes prêt à personnaliser le lecteur audio. Par défaut, il suffit à l’internaute de cliquer sur le bouton Lecture pour que l’audio commence à être lu avec le volume déjà augmenté.

C’est ainsi que la plupart des internautes s’attendent à ce qu’un lecteur audio agisse, et vous voudrez donc généralement utiliser ces réglages par défaut.

Il existe également des options permettant de couper l’audio par défaut, d’effectuer une lecture automatique, de répéter, etc.

Une fois que vous êtes satisfait de la façon dont le lecteur est configuré, défilez vers le haut de l’écran et cliquez sur le bouton « Enregistrer ».

Vous pouvez ensuite ajouter le lecteur audio à votre site à l’aide d’un code court ou du bloc HTML5 Audio Player.

Le bloc est la méthode la plus simple. Toutefois, si vous souhaitez placer le lecteur à l’aide d’un code court, vous trouverez le code en haut de l’écran.

Pour plus de détails sur le placement du code court, vous pouvez consulter notre guide sur l’ajout d’un code court dans WordPress.

Pour ajouter le lecteur de musique audio à l’aide d’un bloc, ouvrez n’importe quelle page ou publication. Vous pouvez maintenant cliquer sur le bouton +.

Dans la fenêtre surgissante, tapez « HTML5 Audio Player » pour trouver le bon bloc. Une fois que vous aurez cliqué sur le bloc « HTML5 Audio Player – Insert », celui-ci sera ajouté à votre page.

Ensuite, ouvrez le menu déroulant qui affiche « Sélectionner un lecteur » pour voir la liste de tous les lecteurs audio que vous avez créés.

Vous pouvez désormais cliquer sur un lecteur audio pour l’ajouter à la page ou à la publication.

L’éditeur de pages WordPress n’affiche pas le lecteur audio.

Cependant, si vous cliquez sur le bouton Prévisualisation, vous pourrez voir à quoi ressemblera le lecteur pour les visiteurs de votre site. Vous pouvez même écouter l’audio et tester les différents boutons de lecture.

Lorsque vous êtes satisfait de l’aspect et du fonctionnement du lecteur audio, vous pouvez mettre à jour ou publier la page.

Maintenant, si vous visitez cette page sur votre site WordPress, vous verrez le lecteur audio en direct.

Vous souhaitez ajouter d’autres pistes audio à votre site ? Alors vous pouvez simplement suivre le processus décrit ci-dessus pour créer d’autres lecteurs audio et les ajouter à votre site WordPress.

Nous espérons que cet article vous a aidé à apprendre comment ajouter un widget de lecteur audio sur WordPress. Vous pouvez également parcourir notre guide sur le meilleur logiciel de notification push web et comment créer une newsletter par e-mail.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.