Comment accéder à la caméra sur iOS11 écran d'accueil web app?

Sommaire

Nous ne pouvons pas accéder à la caméra à partir d'un iOS11 (version publique) de l'écran d'accueil web app à l'aide soit WebRTC ou le fichier d'entrée, les détails ci-dessous. Comment nos utilisateurs de continuer à accéder à l'appareil photo s'il vous plaît?

Nous sommes au service de la page de l'application web via https.

Mise À Jour, Avril

La diffusion publique d'iOS 11.3 semble avoir résolu le problème et le fichier de saisie accéder à la caméra fonctionne à nouveau!

Mise À Jour, Mars

Comme les gens d'ici ont dit la Pomme docs conseiller web app fonction appareil photo est de retour dans 11.3 le long avec le service des travailleurs. C'est bon, mais nous ne sommes pas encore sûr si nous voulons à tout le monde à le réinstaller à nouveau jusqu'à ce que nous pouvons tester soigneusement sur 11.3 GM.

Solution, Novembre

Nous avons perdu l'espoir d'Apple veulent corriger cela et de faire avancer. Modifié notre web app pour supprimer les iOS "Ajouter à l'écran d'accueil" et que l'on demande aux utilisateurs concernés de retirer précédente à l'écran d'accueil icône.

Mise À Jour, Le 6 Décembre

iOS 11.2 et iOS 11.1.2 ne pas corriger.

Des Solutions De Contournement, 21 Septembre

Semble que nous pouvons demander à des clients existants de la web app

• pas la mise à niveau de iOS11 - bonne chance 🙂
• prendre des photos dans iOS appareil photo, puis sélectionnez de nouveau dans l'application web
• attendre pour le prochain ios beta
• réinstaller comme un Safari en page de votre navigateur (après nous retirer ATHS logique)
• passer à Android

Fichier D'Entrée

Notre production actuelle de code utilise un fichier d'entrée qui a bien fonctionné pendant des années avec iOS 10 ans et plus. Sur iOS11 il fonctionne comme un Safari onglet, mais pas à partir de l'écran d'accueil de l'app. Dans ce dernier cas, l'appareil photo est ouvert, et seulement un écran noir est affiché, il est donc inutilisable.

   <meta name="apple-mobile-web-app-capable" content="yes">
   ...
   <input type="file" accept="image/*">

WebRTC

Safari 11 sur iOS11 offre WebRTC médias capture qui est grand.

Nous pouvons capturer une image de la caméra sur la toile sur un page web sur un ordinateur de bureau et mobile à l'aide du navigateur.mediaDevices.getUserMedia par l'exemple de code ici.

Lorsque nous ajoutons de la page pour iPad ou un iPhone à l'écran d'accueil, navigator.mediaDevices devient undefined et inutilisable.

    <meta name="apple-mobile-web-app-capable" content="yes">
    ...
    //for some reason safari on mac can debug ios safari page but not ios home screen web apps 
    var d = 'typeof navigator : ' + typeof navigator; //object
    d += 'typeof navigator.mediaDevices : ' + typeof navigator.mediaDevices; //undefined
    //try alternates
    d += 'typeof navigator.getUserMedia  : ' + typeof navigator.getUserMedia; //undefined
    d += 'typeof navigator.webkitGetUserMedia  : ' + typeof navigator.webkitGetUserMedia; //undefined
    status1.innerHTML = d;