Откройте мобильную камеру, нажав кнопку через веб-браузер

Question

Я хочу открыть мобильную камеру, когда нажимаю кнопку в браузере. Ниже есть изображение, что я хочу сделать. Это изображение, которое у меня сейчас

Я могу выбрать файл из локального файла, а также добавить его с камеры.

<form action="" method="post" enctype="multipart/form-data">  
           <input type="file" name="uploadedfile" accept="image/*" capture="camera">  
           <input type="submit" value="Upload">  
        </form>

Я пробовал приведенный выше код для открытия камерыи это из Как получить доступ к камере мобильного телефона из веб-приложения? . Теперь, пожалуйста, помогите мне показать камеру на мобильном телефоне через браузер.

Answer 1

С помощью поля input[type="file"] вы можете выбрать файл или попросить устройство записать носитель. Он всегда будет открывать приложение или подсказку, чтобы выбрать приложение. Если вы хотите остаться в браузере, вам нужно использовать MediaStream Recording API , но он еще не полностью поддерживается. Пока это не работает в iOS, так или иначе, вы должны открыть приложение камеры по умолчанию.

Если вы хотите делать фотографии, вы можете попробовать MediaStream Image Capture API . Но это все еще только экспериментальная технология, которая не будет работать в большинстве современных браузеров.

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

• Съемка фотографий с помощью WebRTC - MDN
• ImageCapture.takePhoto - MDN
• Фотосъемка и управление настройками камеры - для разработчиков Google
• Доступ к камере в интерактивном режиме - разработчики Google

Надеюсь, приведенные выше ссылки помогут вам