Comment intégrer un lecteur MP3 gratuit sur votre site Web : 3 façons
Si vous souhaitez que les visiteurs de votre site Web profitent des fichiers MP3, l’un des moyens les plus simples consiste à les intégrer à votre page. Avec un lecteur MP3 intégré, les visiteurs n’ont pas besoin de télécharger directement l’audio ou d’utiliser un logiciel supplémentaire car il peut être lu en ligne.
Nous détaillerons les différentes méthodes que vous pouvez utiliser pour intégrer des MP3 sur votre site Web, notamment en utilisant HTML5 et Google Drive.
1. Intégrez des MP3 sur votre site Web en utilisant HTML5
Si vous aimez coder votre site Web, l’un des moyens les plus simples d’intégrer des fichiers MP3 consiste à utiliser HTML5.
HTML5 <音频> Les onglets peuvent sembler basiques à première vue, mais ils sont puissants car ils sont compatibles avec tous les principaux navigateurs de bureau et mobiles.
Pour intégrer MP3 à l’aide de HTML5, utilisez le code suivant :
juste remplacer L’URL MP3 est ici avec vos fichiers audio téléchargés. Il ne peut s’agir d’un fichier stocké sur votre ordinateur, il doit être disponible en ligne.
Ce code placera un petit lecteur audio sur la page à partir duquel l’utilisateur peut jouer, mettre en pause, parcourir et régler le volume. Voici à quoi cela ressemble sur Firefox :
Ce code contient également un message qui s’affichera à la place du lecteur multimédia dans le cas peu probable où le navigateur de l’utilisateur ne prend pas en charge le lecteur.
Vous pouvez appliquer des propriétés telles que Lecture automatique et bague,comme ça:
Faire une vidéo du jour
<音频控制自动播放循环>
Gardez à l’esprit que la plupart des navigateurs ne prennent pas en charge la lecture automatique car il est considéré comme une mauvaise pratique d’imposer automatiquement l’audio à l’utilisateur.
Des personnalisations de base peuvent être appliquées aux blocs de lecteur audio via CSS, par ex. frontière et remplissageCependant, vous devrez utiliser JavaScript pour styliser correctement le lecteur lui-même afin qu’il soit cohérent d’un navigateur à l’autre.
Pour plus d’informations sur les propriétés et la personnalisation du lecteur audio HTML5, consultez les documents Web MDN.
Connexe : Effets HTML sympas que tout le monde peut ajouter à son site
2. Intégrez MP3 sur votre site Web à l’aide de Google Drive
Google Drive est un excellent fournisseur de stockage cloud gratuit. Vous pouvez l’utiliser pour télécharger vos fichiers MP3 et créer des lecteurs audio.
Importez des MP3 sur Google Drive :
- clic-droit fichier et cliquez obtenir le lien.
- Modifier les restrictions d’accessibilité pour quelqu’un avec le lien.
- Enfin, cliquez Copier le lien.
Cela vous donnera une URL similaire à celle-ci :
https://drive.google.com/file/d/123/view?usp=sharing
remplacer Vérifier? usp=partagé et Aperçu,comme ça:
https://drive.google.com/file/d/123/preview
Ensuite, utilisez
Vous pouvez ajuster, ajouter ou supprimer des propriétés (par exemple bordure de cadre et largeur) Nécessaire.
Cela intégrera le MP3 sur votre site Web à l’aide du lecteur Google Drive. Les utilisateurs peuvent jouer, parcourir et régler le volume comme un lecteur HTML5. Voici à quoi ça ressemble :
La principale différence est qu’il existe un apparaitre bouton. Cela ouvre le MP3 sur Google Drive, où l’utilisateur peut ajouter des commentaires, partager des fichiers, etc.
3. Intégrez des MP3 sur votre site Web à l’aide d’un CMS
Si vous utilisez un système de gestion de contenu (CMS) pour votre site Web, vous pouvez toujours utiliser la méthode ci-dessus. Cela dit, vous n’êtes peut-être pas à l’aise pour éditer du code HTML.
Tout bon CMS vous permettra d’ajouter facilement de l’audio à votre site Web via son interface.Par exemple, sur WordPress, vous avez juste besoin ajouter un blocchoisir vocalalors soit télécharger MP3, depuis votre Médiathèqueou Insérer à partir de l’URL.
Que vous utilisiez un service comme Google Sites, ExpressionEngine ou Squarespace, le processus d’ajout d’audio est légèrement différent, alors assurez-vous de consulter la documentation d’aide de l’entreprise pour des conseils complets.
Facilitez l’écoute des MP3 pour vos visiteurs
En utilisant l’une des méthodes ci-dessus, les visiteurs de votre site Web peuvent désormais écouter facilement des fichiers MP3 via un lecteur multimédia.
Cela dit, vous n’avez pas toujours besoin d’utiliser des fichiers MP3. Il existe de nombreux autres formats audio courants, tels que WAV et FLAC, que vous pouvez également lire en ligne sur votre site Web.
A propos de l’auteur
