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
Voici les versions minimales des navigateurs pour une web app PandaSuite, qu’elle soit publiée sur le web ou exportée en package web. Les versions plus anciennes ne sont pas prises en charge.
| Navigateur | Version minimale | Points techniques de vigilance |
|---|---|---|
| Chrome (ordinateur et Android) | Chrome 87+ | Environnement de référence pour valider le rendu et les interactions. Sur Android, vérifier performances, permissions et comportements selon l’appareil |
| Edge | Edge 88+ | Même moteur que Chrome |
| Firefox (ordinateur et Android) | Firefox 78+ | Vérifier médias, permissions, intégrations embarquées et comportement tactile |
| Safari (macOS, iOS et iPadOS) | Safari 14+ (iOS et iPadOS 14+) | Dépend fortement des règles d’Apple sur l’autoplay, l’audio, la vidéo, le plein écran, le stockage local et les iframes |
| Internet Explorer | Non pris en charge | La web app ne démarre pas |
À retenir :
- les autres navigateurs basés sur Chromium (Opera, Samsung Internet, Brave…) se comportent comme la version de Chrome correspondante ;
- 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.