Myriad Blog 1.3.0 Monday, Oct 15th, 2018 at 03:53pm 

Monday, Feb 29th, 2016 at 05:06pm
/Myriad Plug-in, et après ? -20-

 
Même si les capacités des navigateurs se sont alignées ces dernières années, pour arriver à un résultat quasi-identique, il reste encore quelques fonctionnalités qui ne sont pas présentes sur tous, surtout quand on va faire un tour vers des navigateurs "exotiques" (principalement sur appareil mobile) ou sur d'anciennes versions.
 
Il nous faut donc un moyen de savoir quelles fonctionnalités sont présentes sur le navigateur qui fait tourner nos apps, afin soit de supprimer proprement les options qui y sont liées, soit mettre en place une méthode de contournement.
 
Dans ce but, nous avons commencé à mettre en place une structure d'"information système", qui répertorie hiérarchiquement les options techniques accessibles.
 
Même si ce n'est pas très parlant pour un non initié, cela permet de voir si le navigateur utilisé est à la page. Dans la démo suivante:
 
Informations système

 
Toutes les rubriques devraient être vertes, sauf "Sound > Audio > Flac", le format audio "flac" n'étant à notre connaissance pris en compte par aucun navigateur actuel (nous avons testé cette option pour vérifier que nous détections bien son absence).
 
Si vous avez du rouge partout, mauvais plan, c'est que vous utilisez Internet Explorer 8
by Olivier Guillion
Comments

Comment from Geo Friday, Mar 4th, 2016 at 08:03pm
Edge
Avec Edge w10/32, en rouge : Ogg, Webm, Flac.

Comment from Olivier Guillion Wednesday, Mar 2nd, 2016 at 08:15am
Technique
Pour répondre aux interrogations techniques:
 
- Nous n'utilisons pas la détection du user-agent pour savoir si telle ou telle option est disponible (leur présence est détectée une par une), mais juste pour connaitre le type et la version du navigateur.
 
- Les navigateurs qui ne connaissent pas le mp3/mpeg ne pourront pas jouer les musiques. Pour les bruits de clics et de touches dans les didacticiels, nous avons dupliqué les sons en .ogg, mais ce n'est pas envisageable pour les MP3 des musiques (cela doublerait la taille de tous les fichiers)
 
- Il semble que j'aie encore des problèmes pour la détection de l'inline data, qui correspond à embarquer un fichier audio directement dans le source HTML plutôt que dans un fichier séparé. Je vais revoir ça.
 
- Le "slice" des "typed arrays" est une facilité qui accélère les copies de mémoire. Disponible sur Firefox uniquement a priori, cette fonction, si elle n'est pas présente,  est remplacée par une recopie manuelle, plus lente mais fonctionnellement identique.

Comment from Grorom Tuesday, Mar 1st, 2016 at 10:42pm
re: Firefox android
Non, ça ne marche pas mieux pour firefoxe 44 pour android.
Par contre pour le Navigateur de base dans Android 6 pas de problème pour le Inline data, mais il ne veut pas du Slice.

Comment from Sylvain Tuesday, Mar 1st, 2016 at 10:39pm
User-Agent
J'ai lu le code en diagonale. J'ai vu de la détection d'après la UA string
c'est peu recommandable
https://learn.jquery.com/code-organization/feature-browser-detection/
Il me semble que dans JQuery il y a une fonction pour dire "est-ce que browser est capable de faire ça ?"
le ça étant du css ou autre
 
mais j'ai un trou de mémoire.
 
Ce qui ne marche pas
Win7
- Chrome 48 : flac
- IE8 : y'a que files qui fonctionne!
- IE11 : svg>transform multiple transform / Webaudio / Audio>ogg wav webm flac / typed array>slice
- Opera 12.17 : svg>transform multiple transform / Webaudio / Audio>Mpeg mp3 flac inline data / typed array>slice
 
déjà on a les opposés dans l'audio entre IE11 et Opera12 !
 
WinXP
- Chrome 48 : flac, inline data
 
Win Server 2012
- Chrome 48 : svg>transform multiple transform / flac
- IE11 : svg>transform multiple transform / Webaudio / Audio>ogg wav webm flac / typed array>slice
- Firefox Nighty 28 : svg>transform multiple transform / Audio>flac inline data / typed array>slice
 
Android 5.1
- Chrome 48 : détecté comme Opera unknown / svg>transform multiple transform / Audio>flac

Comment from Olivier Guillion Tuesday, Mar 1st, 2016 at 05:22pm
Hmmm.
Pour IE11, j'étais au courant (j'en ai une version). L'un dans l'autre on peut quand même s'en sortir
Pour Android, c'est assez gênant, s'il ne supporte pas l'Inline data. Mais j'ai amélioré le test depuis, peut-être que ça passe maintenant ?

Comment from Grorom Tuesday, Mar 1st, 2016 at 04:30pm
Firefox android
Sur FF44 sur android il y a Inline Audio en plus du flac qui ne passe pas.

Comment from Antoine Bautista Tuesday, Mar 1st, 2016 at 07:24am
3Nav...
Dans le rouge sur Win7 64
Le meilleur FireFox 4402: Flac  
Le pire IE11:Webaudio ,Ogg ,Wav ,Webm ,Flac , Inlinedata ,Slice.
 
Sur telephone Portable
Le moyen Android 444(le test ne reconnait pas la version,mais il est bon sur Flac):Webaudio ,Mp3 ,Wav ,Webm ,Inlinedata ,Slice.
 
A+

Comment from Geo Monday, Feb 29th, 2016 at 10:47pm
5 rouges
Flac, bien sûr, mais aussi : Ogg, wave (!), webm, webaudio et les tableaux slice.
 
IE 11 /  w7 32


Most recent first
Oldest first

Top of page
Legal information Last update:  (c) Myriad