La norme HTML5 prend en charge deux mécanismes différents de présentation des fichiers audio. Soit lier un MP3, le rendant disponible pour le téléchargement, soit l'intégrer de manière à ce que les gens puissent profiter de la musique à partir d'un lecteur audio sur la page.
Disponibilité audio
Le fichier MP3 doit être accessible sur Internet avant qu'un lien ou un objet incorporé réussisse. Si le MP3 est déjà en ligne, copiez l'URL directe vers le fichier. Cette URL doit être celle de l'actif multimédia; il ne peut pas s'agir de la page à laquelle l'élément est associé.
Avec vos propres MP3, vous devez utiliser un outil pour télécharger le fichier de votre ordinateur vers un serveur de fichiers Internet. La plupart des gens utilisent FTP, SFTP ou SSH pour télécharger le MP3 sur leur site Web, bien que si votre site utilise un système de gestion de contenu comme WordPress, le CMS prend en charge un utilitaire de téléchargement pointer-cliquer.
Ajouter le MP3 à votre page Web
Avec une URL en main, vous êtes prêt à ajouter le MP3 à votre site. Si votre outil de création de page prend en charge une interface pointer-cliquer, utilisez-la, car chacune est différente, consultez la documentation de votre CMS pour les procédures spécifiques.
Quelle que soit votre interface graphique, les modifications manuelles du code HTML fonctionnent toujours, de manière cohérente.
Créer un lien
Un lien qui ouvre le fichier multimédia dans un nouvel onglet ou le télécharge sur l'ordinateur d'un visiteur repose sur une norme ancre étiqueter. L'élément HTML est donc constitué des balises d'ancrage, de l'URL du MP3, du texte qui active le lien hypertexte, et de paramètres facultatifs. Par exemple, pour télécharger podcast.mp3 via un lien intitulé Téléchargez l'émission !, utilisez l'élément HTML suivant:
Téléchargez l'émission!
Cet élément force le téléchargement du MP3. Pour permettre l'ouverture du MP3, retirez le Télécharger attribut à la fin de l'URL MP3.
Intégration du fichier audio
Pour utiliser HTML5 pour intégrer un petit lecteur audio, utilisez le l'audio élément. Étant donné que certains navigateurs ne le prennent pas en charge, tout texte inclus dans l'élément s'affiche si le navigateur ne peut pas afficher un lecteur audio.
Votre navigateur ne prend pas en charge la balise audio.
le l'audio L'élément comprend plusieurs attributs standard:
- Lecture automatique: si spécifié dans la balise, l'audio est lu dès qu'il est chargé et prêt, quelle que soit l'interaction du visiteur avec le lecteur audio intégré.
- Les contrôles: Affiche les commandes de base, y compris un bouton lecture/pause et un lien de téléchargement.
- Boucle: Lorsque spécifié, boucle rejoue en continu l'audio.
- En sourdine: Coupe le son de la sortie audio.