par Alexandre Alapetite le 2011-07-11 ; mis à jour le 2012-07-07

Test audio HTML5

English

Introduction

Le but de cette page est de tester le support pour un simple élément <audio> en HTML5 (sans scripts), combiné avec différents codecs audio, différentes longueurs de sons, par HTTP ainsi que HTTPS.

Formats multiples pour satisfaire tous les navigateurs

Afin de couvrir l’ensemble de mes besoins en 2011, la combinaison MP3 + Ogg/Vorbis est nécessaire avec du silence ajouté en fin de piste :

1 seconde de son, suivi d’1 seconde de silence

Appel JavaScript : ()

Syntaxe audio HTML5

<audio preload="auto" controls="controls">
	<source src="DTMF1000ms.mp3" type="audio/mpeg" />
	<source src="DTMF1000ms.oga" type="audio/ogg" onerror="alert('Les codecs audio ne sont pas supportés !')" />
	[Ce navigateur ne peut pas jouer les fichiers sonores !]
</audio>

MP3 en premier, à cause d’un mauvais support de Ogg dans Android browser 2.3, mais cela fait faillir Firefox Mobile 5 (fonctionne en version 6).

Résultats

Le test ci-dessus fonctionne bien dans :

Microsoft Windows
Bureau : Microsoft Internet Explorer 9+, Google Chrome, Firefox 3.6+ (3.5 avec légers bugs), Opera 10.5+, mais pas Apple Safari 5 (sans QuickTime)
Mobile (Windows Phone) : Internet Explorer Mobile 9+
Google Android
Android browser 2.3+, Firefox Mobile 6+, Opera Mobile 11+
Linux
Bureau (Ubuntu 10.10+) : Firefox 3.6+, Chromium 6+ (et peut-être plus ancien)
Mac OS
Mobile (iOS) : Safari 4+ (=iPhone 3G+) à confirmer

Tests détaillés

Information sur les codecs

WAV/PCM
Son original. Produit avec Audacity 1.3, générateur DTMF, amplitude 0.9, 50%
pcm_s16le, 44100 Hz, mono
MP3
Encodeur : LAME 3.98.4
Ligne de commande : lame -h --abr 64 DTMF.wav DTMF.mp3
Meilleur pour (bureau): Microsoft Internet Explorer 9+, Google Chrome, Apple Safari 4+
Meilleur pour (mobile): Internet Explorer Mobile 9+ (Windows Phone 7), Android browser 2.3+, Safari Mobile 4+ (iOS)
Ogg/Vorbis (OGA)
Encodeur : ffmpeg 2011-07-08 with Lavf 53.5.0
Ligne de commande : ffmpeg -i DTMF.wav -acodec libvorbis -ab 64k DTMF.ogg
Meilleur pour (desktop) : Mozilla Firefox 3.5+, Opera 10.5+
Meilleur pour (mobile) : Firefox Mobile 6+, Opera Mobile 11
Webm
Encodeur : ffmpeg 2011-07-08 with Lavf 53.5.0
Ligne de commande : ffmpeg -i DTMF.wav -ab 64k DTMF.webm
Bugs lors de lectures multiples (Firefox 13, Opera 12). Possible remplacement de Ogg dans Chrome.

1 seconde de son, suivi d 1’seconde de silence

MP3 1000ms + silence
Ogg/Vorbis 1000ms + silence
Webm 1000ms + silence
WAV/PCM 1000ms + silence

2 secondes de son

MP3 2000ms
Ogg/Vorbis 2000ms
Webm 2000ms
WAV/PCM 2000ms

1 seconde de son

MP3 1000ms
Ogg/Vorbis 1000ms
Webm 1000ms
WAV/PCM 1000ms

500ms de son

MP3 500ms
Ogg/Vorbis 500ms
Webm 500ms
WAV/PCM 500ms

250ms de son

MP3 250ms
Ogg/Vorbis 250ms
Webm 250ms
WAV/PCM 250ms

125ms de son

MP3 125ms
Ogg/Vorbis 125ms
Webm 125ms
WAV/PCM 125ms
https://alexandre.alapetite.fr

Retour