Home-theater-designers
Si vous souhaitez que les visiteurs de votre site Web profitent d'un fichier MP3, l'un des moyens les plus simples de le faire est de l'intégrer à la 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 est lu en ligne.
Nous allons détailler différentes méthodes que vous pouvez utiliser pour intégrer un MP3 sur votre site Web, notamment en utilisant HTML5 et Google Drive.
1. Intégrez un MP3 sur votre site Web avec HTML5
Si vous êtes à l'aise pour éditer le code de votre site Web, l'un des moyens les plus simples d'intégrer un fichier MP3 est d'utiliser HTML5.
Le HTML5 La balise peut sembler basique à première vue, mais elle est puissante car elle est compatible avec tous les principaux navigateurs de bureau et mobiles.
Pour intégrer un MP3 avec HTML5, utilisez ce code :
Your browser does not support the audio tag.Remplacez simplement URL MP3 ICI avec votre fichier audio téléchargé. Il ne peut pas s'agir d'un fichier stocké sur votre ordinateur ; il doit être disponible en ligne.
comment créer un fichier .bat
Ce code placera un petit lecteur audio sur la page, à partir duquel l'utilisateur pourra lire, mettre en pause, parcourir et régler le volume. Voici à quoi cela ressemble sur Firefox :
Ce code comprend également un message qui s'affichera à la place du lecteur multimédia, dans le cas improbable où le navigateur de l'utilisateur ne prend pas en charge le lecteur.
Vous pouvez appliquer des attributs tels que lecture automatique et boucle , ainsi:
Your browser does not support the audio tag.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 de forcer automatiquement l'audio aux utilisateurs.
Une personnalisation de base peut être appliquée au bloc du lecteur audio via CSS, comme frontière et rembourrage . Cependant, vous devrez utiliser JavaScript pour styliser correctement le lecteur lui-même afin qu'il soit cohérent entre les navigateurs.
Vous trouverez plus d'informations sur les attributs et la personnalisation du lecteur audio HTML5 sur Documents Web MDN .
comment jouer aux vieux jeux pokémon
En rapport: Effets HTML sympas que tout le monde peut ajouter à ses sites Web
2. Intégrez un MP3 sur votre site Web avec Google Drive
Google Drive est un excellent fournisseur de stockage cloud gratuit . Vous pouvez l'utiliser pour télécharger votre fichier MP3 et créer un lecteur audio.
Avec le MP3 téléchargé sur Google Drive :
- Clic-droit le fichier et cliquez Obtenir le lien .
- Changer la restriction d'accessibilité en Toute personne ayant le lien .
- Enfin, cliquez Copier le lien .
Cela vous donnera une URL similaire à celle-ci :
https://drive.google.com/file/d/123/view?usp=sharingRemplacer vue?usp=partage avec Aperçu , ainsi:
https://drive.google.com/file/d/123/previewEnsuite, utilisez un Vous pouvez ajuster, ajouter ou supprimer les attributs (comme bordure de cadre et largeur ) le cas échéant. 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, tout comme avec le lecteur HTML5. Voici à quoi cela ressemble : La principale différence est la présence d'un sortir bouton. Cela ouvre le MP3 sur Google Drive, où les utilisateurs peuvent ajouter des commentaires, partager le fichier, etc. Si vous utilisez un système de gestion de contenu (CMS) pour votre site Web , vous pouvez probablement toujours utiliser les méthodes ci-dessus. Cela dit, vous pourriez ne pas être à 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, il vous suffit de ajouter un bloc , sélectionnez l'audio , puis soit Télécharger le MP3, sélectionnez-le dans votre Médiathèque , ou Insérer à partir de l'URL . Que vous utilisiez Google Sites, ExpressionEngine ou un service comme Squarespace, le processus d'ajout d'audio sera légèrement différent, alors assurez-vous de consulter la documentation d'aide de l'entreprise pour obtenir des conseils complets. En utilisant l'une des méthodes ci-dessus, les visiteurs de votre site Web pourront 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. Vous connaissez le MP3, mais qu'en est-il des formats AAC, FLAC, OGG ou WMA ? Pourquoi existe-t-il tant de formats de fichiers audio et existe-t-il un meilleur format audio ? Joe est né avec un clavier dans les mains et a immédiatement commencé à écrire sur la technologie. Il est titulaire d'un baccalauréat spécialisé en affaires et est maintenant un écrivain indépendant à temps plein qui aime rendre la technologie simple pour tout le monde. Rejoignez notre newsletter pour des conseils techniques, des critiques, des ebooks gratuits et des offres exclusives !3. Intégrez un MP3 sur votre site Web avec un CMS
comment réinitialiser bluetooth sur mac
Laissez vos visiteurs écouter des MP3 en toute simplicité
A propos de l'auteur Joe Keeley(652 articles publiés) Abonnez-vous à notre newsletter