Реагировать: захват изображения в веб-мессенджере

Question

У меня есть небольшое приложение реакции (только для мобильных устройств) с тегом захвата изображения, чтобы щелкнуть изображение только с камеры (диалоговое окно выбора файла блока)

<input type="file" accept="image/*" capture="camera" onChange={this.handleUploadImage} />

Я использую егодля захвата изображения из браузеров Android и IOS.

Этот тег отлично работает в Chrome для Android и Safari для IOS, но когда он открывается в веб-браузере Facebook Messenger, то он не открывает камеру, вместо этого он открывает средство выбора файловдиалоговое окно в Android.

Так что есть ли способ открыть камеру в веб-просмотре мессенджера Facebook и заблокировать доступ к диалоговому окну выбора файлов ?

Любая помощь будет признательна

Answer 1

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

Вам нужно создать модуль, который позволяет получить доступ к камере даже в веб-просмотре, и использовать егогде вы хотите это.Модуль камеры может быть создан с использованием getUserMedia() api, также вы можете проверить webrtc and webkit для этого.

Пожалуйста, проверьте поддержку getUserMedia() api в разных браузерах для лучшего понимания.Начиная с it dont work in chrome/firefox for ios.

Вы также можете использовать доступные зависимости с открытым исходным кодом, некоторые из которых:

1. ответная камера html 5
2. реагирующая камера