Захват картинок с веб-камеры в формате html5 для загрузки на сервер

Question

Захват картинок с веб-камеры в формате html5 для загрузки на сервер

0

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

Но проблема в том, что ни один из плагинов не работает во всех браузерах, то есть Firefox, Opera, Chrome, Safari и IE.

Итак, это мой вопрос: есть ли какой-либо метод, использующий jQuery или Javascript или без них в HTML5 для использования веб-камеры для съемки?

Webrtc - хороший, но он не работает в IE и Safari. Как я могу сделать эту функцию во всех браузерах?

PS: целевые браузеры - это IE, Firefox, Google Chrome, Opera и Safari.

Пожалуйста, порекомендуйте.

Nikhil Agrawal 10 дек. 2013, в 10:12

Источник

0

Чтобы получить доступ к веб-камере, вам нужно использовать getusermedia, но она не работает, т.е. Я думаю, что лучше всего использовать какой-нибудь флэш-плагин с запасным вариантом getusermedia для мобильных устройств. Просто мое мнение, хотя.
Jonas Grumann 10 дек. 2013, в 09:13
0

@JonasGrumann Спасибо за помощь, но без использования Flash у нас нет метода, который бы работал во всех браузерах? 2. getusermedia работает в сафари или нет?
Nikhil Agrawal 10 дек. 2013, в 09:15
0

Боюсь, сафари тоже не поддерживает. Я предлагаю вам использовать это: code.google.com/p/wami-recorder
Jonas Grumann 10 дек. 2013, в 09:18
0

Новые мобильные браузеры (Android, iOS) автоматически предлагают камеру в качестве опции, если тип ввода - image . Вы просто хотите, чтобы пользователь имел возможность использовать веб-камеру для загрузки изображений, аналогично поведению мобильного браузера, или вы хотите, чтобы веб-камера была единственным вариантом, или вы хотите, чтобы страница имела прямой доступ к каналу веб-камеры? чтобы видео отображалось на странице и можно было использовать какое-нибудь событие захвата?
Anthony 10 дек. 2013, в 09:18
0

@ Энтони Спасибо за помощь. Я хочу, чтобы веб-камера была единственным вариантом загрузки фотографий.
Nikhil Agrawal 10 дек. 2013, в 09:21
0

developer.mozilla.org/en-US/docs/WebRTC/Taking_webcam_photos - Требуется WebRTC, в настоящее время встроенный только в Firefox и Chrome (и Opera с движком Chrome). Вот хорошая демонстрация: jsfiddle.net/codepo8/agaRe/4
Anthony 10 дек. 2013, в 09:25
0

HTML5 еще не совместим со всеми браузерами. Вероятно, вы должны использовать какой-то настраиваемый плагин. Вы можете прочитать эту статью - сфотографировать с веб-камеры рабочего стола и загрузить в веб-браузер
yushulx 12 дек. 2013, в 02:03

Показать ещё 5 комментариев

Теги:

javascript

jquery

html5

webcam

jquery-webcam-plugin

1 ответ

Ещё вопросы

Чтобы получить доступ к веб-камере, вам нужно использовать getusermedia, но она не работает, т.е. Я думаю, что лучше всего использовать какой-нибудь флэш-плагин с запасным вариантом getusermedia для мобильных устройств. Просто мое мнение, хотя.
@JonasGrumann Спасибо за помощь, но без использования Flash у нас нет метода, который бы работал во всех браузерах? 2. getusermedia работает в сафари или нет?
Боюсь, сафари тоже не поддерживает. Я предлагаю вам использовать это: code.google.com/p/wami-recorder
Новые мобильные браузеры (Android, iOS) автоматически предлагают камеру в качестве опции, если тип ввода - image . Вы просто хотите, чтобы пользователь имел возможность использовать веб-камеру для загрузки изображений, аналогично поведению мобильного браузера, или вы хотите, чтобы веб-камера была единственным вариантом, или вы хотите, чтобы страница имела прямой доступ к каналу веб-камеры? чтобы видео отображалось на странице и можно было использовать какое-нибудь событие захвата?
@ Энтони Спасибо за помощь. Я хочу, чтобы веб-камера была единственным вариантом загрузки фотографий.
developer.mozilla.org/en-US/docs/WebRTC/Taking_webcam_photos - Требуется WebRTC, в настоящее время встроенный только в Firefox и Chrome (и Opera с движком Chrome). Вот хорошая демонстрация: jsfiddle.net/codepo8/agaRe/4
HTML5 еще не совместим со всеми браузерами. Вероятно, вы должны использовать какой-то настраиваемый плагин. Вы можете прочитать эту статью - сфотографировать с веб-камеры рабочего стола и загрузить в веб-браузер

Rachel · Answer 1 · 2013-12-11T03-56-00.000Z

Помимо HTML5, вы можете попробовать использовать библиотеку JavaScript веб-камеры в соответствии с вашими требованиями. Просмотрите это демонстрационное приложение для захвата и выгрузки изображений и посмотрите, что вам нужно. (пс. Я работаю в компании)