Les nouvelles balises HTML5
1 La balise "audio"
Une balise a été créé pour pouvoir insérer très facilement du son : il s'agit de la balise <audio>.
Voici un exemple permettant d'insérer une musique dans un site. L'attribut control permet d'utiliser les contrôles audios classiques (lecture, pause...). Il faut évidement que le fichier « musique mp3 » soit présent dans le dossier du fichier « html ».
Code : HTML
-
* les fichiers *.mp3 sont lisibles avec IE9, alors qu'ils ne le sont pas avec « Mozilla Firefox ». De même, les fichiers « *.ogg » sont utilisables avec « Mozilla firefox » et pas avec « Internet Explorer 9» (le format ogg est un format ouvert contrairement au format mp3)
* Voici un tableau récapitulatif des compatibilités :
MP3
Vorbis (ogg)
ACC(1)
Internet Explorer
xx
xx
Google Chrome
x
x
Mozilla Firefox
x
(1) sous IE9 avec extension .m4a ou .aac sous Chrome avec extension .m4a
* Cette balise ne fonctionne que sous les navigateurs internet récents.
Pour en savoir plus : http://blogs.technet.com/b/stanislas/archive/2010/11/22/html5-ce-qu-il-faut-savoir-sur-la-balise-audio.aspx
-
- Exercice "Insertion d'une musique"
2 La balise video
On utilise la balise <video>.
Code : HTML
On retrouve également pour cette balise des problèmes de compatibilités. Pour information, voici les compatibilités actuelles :
Navigateurs |
H.264/MP4 (format fermé) |
OGG Theora (format ouvert) |
WebM
|
| Mozilla Firefox |
non |
Firefox 3.5+ |
Firefox 4+ |
|
Opera |
non |
Opera 10.5+ |
Opera 10.6+ |
|
Internet Explorer
|
Internet Explorer 9+ |
non |
si les codecs sont installés |
|
Google Chrome |
Google Chrome 4-16 mais supprimé après |
Google Chrome 4+ |
Google Chrome 6+ |
|
Safari |
Safari 5+ |
non |
non |
Régi par la licence Creative Commons Attribution Non-commercial Share Alike 3.0 License