Compatibilité de la version HTML5
Un projet PandaSuite publié en HTML5 est conçu pour être consulté depuis un navigateur web sur ordinateur, mobile ou tablette.
La compatibilité réelle dépend de trois éléments :
- le navigateur et sa version ;
- le système d’exploitation et l’appareil utilisé ;
- les fonctionnalités activées dans votre projet.
Autrement dit, un projet simple reposant surtout sur de la navigation, du texte, des images, de la vidéo ou de l’audio sera généralement plus largement compatible qu’un projet utilisant des fonctionnalités avancées du navigateur ou du matériel.
Ce que signifie “compatible HTML5”
Quand nous parlons de compatibilité HTML5, cela signifie que votre projet s’exécute dans un navigateur moderne capable d’interpréter les technologies web utilisées par PandaSuite : rendu graphique, audio/vidéo, interactions tactiles, JavaScript, animations et chargement des ressources.
En pratique, PandaSuite vise une compatibilité large sur les navigateurs modernes desktop et mobile.
Un projet web PandaSuite ne se comporte pas comme une app native. Son fonctionnement dépend du navigateur, de sa politique de sécurité, des permissions accordées par l’utilisateur et parfois du contexte d’hébergement.
Navigateurs et environnements pris en charge
Pour donner un repère concret, voici les versions minimales historiquement compatibles pour la version HTML5, avec un niveau de recommandation plus actuel.
| Environnement | Version minimale | Niveau de compatibilité | Points techniques de vigilance |
|---|---|---|---|
| Internet Explorer desktop | IE 8+ | Compatibilité limitée | Non recommandé pour les projets web modernes |
| Firefox desktop | Firefox 24+ | Pris en charge avec vigilance | Vérifier médias, permissions et intégrations embarquées |
| Chrome / Chromium desktop | Chrome 21+ | Pris en charge | Environnement de référence pour valider le rendu et les interactions |
| Safari macOS | Safari 6.1+ | Pris en charge avec vigilance | Restrictions possibles sur autoplay, plein écran, stockage local ou iframe |
| Opera desktop | Opera 24+ | Pris en charge avec vigilance | Vérifier selon moteur et version réellement utilisés |
| Safari iOS | Safari iOS 6+ | Pris en charge avec vigilance | Dépend fortement des règles iOS sur audio, vidéo, plein écran et stockage |
| Android browser | Android 4.2+ | Compatibilité limitée | Référence historique, mais les navigateurs Android récents restent préférables |
| Chrome Android | Chrome Android 38+ | Pris en charge | Vérifier performances, permissions et comportements selon l’appareil |
| Firefox Android | Firefox Android 32+ | Pris en charge avec vigilance | Vérifier médias, permissions et comportement tactile |
| IE Mobile | IE Mobile 10+ | Compatibilité limitée | Non recommandé pour une diffusion moderne |
À retenir :
- ces versions donnent un seuil historique minimal de compatibilité, pas un niveau de confort optimal ;
- pour une diffusion actuelle, privilégiez toujours les versions récentes des navigateurs ;
- les navigateurs basés sur Chromium offrent souvent le comportement le plus prévisible ;
- Safari iOS et Safari macOS demandent davantage de validation sur les médias, le plein écran, le stockage et les comportements tactiles ;
- les WebViews, LMS et navigateurs embarqués doivent toujours être testés sur l’environnement réel de diffusion.
Facteurs qui influencent la compatibilité
Fonctionnalités web avancées
Certaines fonctions dépendent fortement du navigateur utilisé :
- service workers et fonctionnement PWA ;
- lecture média avec autoplay ou audio déclenché automatiquement ;
- plein écran ;
- stockage local, cache et comportement hors ligne ;
- WebView système sur mobile.
Permissions et matériel de l’appareil
D’autres usages dépendent de l’appareil et des permissions utilisateur, par exemple :
- caméra ;
- géolocalisation ;
- micro ;
- capteurs ou APIs spécifiques au terminal.
Un navigateur compatible ne garantit donc pas à lui seul que toutes les fonctionnalités de votre projet seront disponibles dans tous les contextes.
Contexte d’hébergement
Le comportement peut aussi varier selon que votre projet est :
- hébergé sur PandaSuite ;
- auto-hébergé sur votre propre serveur ;
- lancé en local via un package web ;
- intégré dans un LMS ou dans une iframe.
Certaines restrictions de sécurité du navigateur apparaissent plus souvent en local ou dans des environnements d’intégration contraints.
Cas particulier : PWA et service workers
Si vous activez les service workers ou des fonctions liées à la PWA, la compatibilité devient plus spécifique. Un projet peut rester consultable comme web app classique, tout en perdant certaines capacités avancées selon le navigateur utilisé.
Consultez l’article dédié : Activer les service workers.
Recommandations avant diffusion
Avant de publier votre projet en HTML5, nous vous recommandons de tester au minimum :
- un navigateur desktop Chromium ;
- Safari si votre audience utilise des appareils Apple ;
- un navigateur mobile iOS ;
- un navigateur mobile Android ;
- les parcours critiques de navigation, chargement, lecture média et interactions.
Vérifiez en priorité :
- le rendu responsive ;
- les performances de chargement ;
- les vidéos, audios et animations ;
- les permissions navigateur ;
- les comportements hors ligne si vous utilisez des service workers ;
- l’intégration LMS si vous exportez en SCORM ou CMI5.
Si votre projet est destiné à un environnement fortement contraint, comme un LMS, un navigateur d’entreprise ou un appareil ancien, effectuez toujours des tests sur les appareils et navigateurs réellement utilisés par votre audience.