Passer au contenu principal

Prérequis

Prérequis en matière de navigateur web​

Les navigateurs mobiles ont besoin des fonctionnalités suivantes pour prendre en charge les expériences de 8th Wall Web :

  • WebGL (canvas.getContext('webgl') || canvas.getContext('webgl2'))
  • getUserMedia (navigator.mediaDevices.getUserMedia)
  • deviceorientation (window.DeviceOrientationEvent - nécessaire uniquement si le SLAM est activé)
  • Web-Assembly/WASM (window.WebAssembly)

NOTE : Les expériences Web 8th Wall doivent être visualisées via https. Cette fonction est requise par les navigateurs pour l'accès à la caméra.

Cela se traduit par la compatibilité suivante pour les appareils iOS et Android :

  • iOS :
    • Safari (iOS 11+)
    • Applications qui utilisent SFSafariViewController web views (iOS 13+)
      • Apple a ajouté la prise en charge de getUserMedia() à SFSafariViewController dans iOS 13. 8th Wall fonctionne dans les applications iOS 13 qui utilisent les vues web SFSafariViewController.
      • Exemples : Twitter, Slack, Discord, Gmail, Hangouts, etc.
    • Applications/navigateurs qui utilisent WKWebView web views (iOS 14.3+)
      • Exemples :
        • Chrome
        • Firefox
        • Microsoft Edge
        • Facebook
        • Facebook Messenger
        • Instagram
        • et plus encore...
  • Android :
    • Les navigateurs sont connus pour prendre en charge de manière native les fonctionnalités requises pour WebAR :
      • Chrome
      • Firefox
      • Samsung Internet
      • Microsoft Edge
    • Applications utilisant des vues Web connues pour prendre en charge les fonctionnalités requises pour WebAR :
      • Twitter, WhatsApp, Slack, Gmail, Hangouts, Reddit, LinkedIn, etc.

Pour les applications qui ne supportent pas nativement les fonctionnalités requises pour WebAR, notre bibliothèque XRExtras fournit des flux pour diriger les utilisateurs au bon endroit, maximisant ainsi l'accessibilité de vos projets WebAR à partir de ces applications.

Exemples : TikTok, Facebook (Android), Facebook Messenger (Android), Instagram (Android)

Captures d’écran :

Lancer le navigateur à partir du menu (iOS)Lancer le navigateur à partir d'un bouton (Android)Copier le lien dans le presse-papiers
iOSAndroidcopier dans le presse-papiers

Cadres supportés​

8th Wall Web s'intègre facilement dans les frameworks JavaScript 3D tels que :