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.
Les sons sont en effet tronqués dans certains navigateurs, ce qui n’est pas acceptable pour les sons courts, car ils risquent de ne pas être entendus du tout
(beaucoup dans Firefox 3.6, Android browser 2.3 ; un peu dans Firefox 5 ; ok dans Android browser 4.0.3 et Firefox 13).
Des clics et autres distorsions sonores apparaissent dans certains navigateurs (Firefox 5).
Les sons utilisant le format WebM ne peuvent pas être lus plus d’une fois dans certains navigateurs (Firefox 13, Opera 12).
L’audio HTML5 ne semble pas fonctionner par HTTPS dans Android browser (2.3.3 - ok avec 4.0.3) et Opera Mobile (11.10 - ok avec 12)
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.
