Jak uzyskać dostęp do kamery w aplikacji internetowej iOS11 na ekranie głównym?

Podsumowanie

Nie możemy uzyskać dostępu do kamery z aplikacji internetowej iOS11 (public release) przy użyciu WebRTC lub pliku wejściowego, szczegóły poniżej. Jak nasi użytkownicy mogą nadal uzyskać dostęp do kamery?

Obsługujemy stronę aplikacji internetowej przez https.

Aktualizacja, Kwiecień

Aktualizacja, Marzec

Jako ludzie tutaj powiedział, że Apple docs doradzają funkcja kamery aplikacji internetowej powraca w 11.3 wraz z pracownikami serwisu. Jest to dobre, ale nie jesteśmy jeszcze pewni, czy chcemy, aby wszyscy ponownie zainstalowali, dopóki nie będziemy mogli dokładnie przetestować na 11.3 GM.

Rozwiązanie, Listopad

Aktualizacja, 6 Grudnia

IOS 11.2 i iOS 11.1.2 nie naprawiają.

Obejścia, 21 Września

Wydaje się, że możemy zapytać obecnych klientów aplikacji internetowej

• Nie upgrade do iOS11-powodzenia:)
[47]} Rób zdjęcia w aparacie iOS, a następnie wybierz je z powrotem w aplikacji internetowej
• poczekaj na następną wersję ios beta
• zainstaluj ponownie jako stronę w przeglądarce Safari (po usunięciu logiki ATHS)
• Przełącz na Androida

Wejście Pliku

Nasz obecny kod produkcyjny wykorzystuje wejście Pliku, które działa dobrze przez lata z systemem iOS 10 i starszymi. Na iOS11 działa jako karta Safari, ale nie z aplikacji ekran główny. W tym drugim przypadku kamera jest otwarta i wyświetlany jest tylko czarny ekran, dlatego jest bezużyteczny.

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

WebRTC

Możemy uchwycić obraz z kamery do canvas na normalnej stronie internetowej na komputerze i urządzeniu mobilnym za pomocą nawigatora.mediaDevices.getUserMedia per przykładowy kod tutaj .

Kiedy dodamy stronę do ekranu głównego iPada lub iPhone ' a, navigator.mediaDevices staje się undefined i nie nadaje się do użytku.

    <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;