Définit un côté client carte image
Définition et utilisation attribut src
LES BALISES HTMLL'attribut src spécifie l'emplacement (URL) du fichier audio.
Syntaxe
<audio src="URL">
Valeurs d'attribut
|
Valeur |
Description |
|---|---|
|
URL |
L'URL du fichier audio. Valeurs possibles : Une URL absolue - pointe vers un autre site web (comme src ="http://www.example.com/horse.ogg)" Une URL relative - pointe vers un fichier dans un site web (comme src ="horse.ogg)" |
Exemple Un lecteur audio :
Exemple : 📋 Copier le code
<!DOCTYPE html> <html lang="fr"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>html5 demo</title> </head> <body> <audio controls src ="http://media.w3.org/2010/07/bunny/04-Death_Becomes_Fur.oga"> Votre navigateur ne prend pas en charge la balise audio </audio> <p><b>Note:</b> Les fichiers .ogg ne sont pas supportés par IE et Safari.</p> </body> </html>
Appui de navigateur
L'attribut src est pris en charge dans tous les principaux navigateurs.
Cependant, le format de fichier défini ne sera pas gérée dans tous les navigateurs.
Remarque : Internet Explorer 8 et versions antérieures, ne supportent pas la balise <audio>.
Exemple
Dans cet exemple on utilise un fichier Ogg qui fonctionnera dans Firefox, Opera et Chrome.
Pour lire le fichier audio dans Internet Explorer et Safari, on doit utiliser un fichier MP3.
Pour qu'il fonctionne dans tous les navigateurs - utilisez l’éléments <source> à l'intérieur de l'élément <audio>.
Les éléments <source> peuvent lier différents fichiers audio. Le navigateur utilise le premier format reconnu :
Exemple : 📋 Copier le code
<!DOCTYPE html> <html lang="fr"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" > <title>html5 demo</title> </head> <body> <p><b>Note:</b> Les fichiers .ogg ne sont pas supportés par IE et Safari.</p> <audio controls> <source src ="http://media.w3.org/2010/07/bunny/04-Death_Becomes_Fur.mp4" type='audio/mp4'> <source src ="http://media.w3.org/2010/07/bunny/04-Death_Becomes_Fur.oga" type='audio/ogg; codecs=vorbis'> <p>Votre navigateur ne supporte pas la balise audio.</p> </audio> </body> </html>
Différences entre HTML 4.01 et HTML5
La balise <audio> est nouveau en HTML5.
Retour à la balise audioRetour à l'accueil du site
Par carabde 10 mars 2014