Как получить доступ к камере на iOS11 home screen web app?

резюме

мы не можем получить доступ к камере из веб-приложения на главном экране iOS11 (public release) с помощью WebRTC или входного файла, подробности ниже. Как наши пользователи могут продолжать получать доступ к камере, пожалуйста?

мы обслуживаем страницу веб-приложения через https.

Обновление, Апрель

Публичный выпуск iOS 11.3, похоже, исправил проблему, и доступ к камере ввода файлов снова работает!

обновление, Марш

как люди здесь сказали, что Apple docs советуют веб-приложение функция камеры возвращается в 11.3 вместе с работниками службы. Это хорошо, но мы еще не уверены, хотим ли мы, чтобы все переустановили снова, пока мы не сможем тщательно протестировать 11.3 GM.

Решение

Мы потеряли надежду, что Apple хочет исправить это и двинулись вперед. Изменено наше веб-приложение, чтобы удалить функцию iOS "добавить на главный экран" и спросил пострадавших пользователи, чтобы удалить любой предыдущий значок на главном экране.

Обновление, 6 Декабря

iOS 11.2 и iOS 11.1.2 не исправить.

Обходные Пути, 21 Сентябрь!--5-->

кажется, мы могли бы задать существующих клиентов веб-приложения

• не обновить до iOS11-удачи с этим :)
• возьмите фотографии в iOS камеры, а затем выберите их обратно в веб-приложение
• дождитесь следующей бета-версии ios
• как переустановить сафари в браузере страницу (после того, как мы удалить судов логики)
• переключиться на Android

Входной Файл

наш текущий код использует входной файл, который нормально работал в течение многих лет с iOS 10 и старше. На iOS11 он работает как вкладка Safari, но не из приложения на главном экране. В последнем случае камера открывается и отображается только черный экран, следовательно, это непригодный.

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

WebRTC

Safari 11 на iOS11 предлагает WebRTC media capture это здорово.

мы можем захватить изображение камеры на холст на обычной веб-странице на рабочем столе и мобильном телефоне с помощью навигатора.средневековье.getUserMedia per пример кода, связанный здесь.

когда мы добавляем страницу на главный экран iPad или iPhone, navigator.mediaDevices становится undefined и непригодным для использования.

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