Сканирование штрих-кодов и Qrcode с использованием Angular js HTML5

Мне нужно сканировать штрих-код и Qrcode на устройствах Android/iphone/ipad. Проект полностью основан на Angular JS и HTML5. Это мобильный сайт.Сканирование штрих-кодов и Qrcode с использованием Angular js HTML5

Ниже приведено требование. Он не должен загружать стороннее собственное приложение на устройство. Невозможно использовать собственное приложение Zxing.

Итак, есть ли способ в javascript/HTML5/jquery/Angular js, через который мы можем сканировать штрих-код с помощью встроенной камеры?

Мы пропустили нижеследующую библиотеку javascript, но обнаружили, что это не полезно, поскольку оно предназначено только для QR-кода, а не для открытия камеры. https://github.com/LazarSoft

Пожалуйста, помогите !!

источник

2013-07-30 user2425109

Без Flash (или некоторые еще неизданные улучшения в API File) есть просто нет способа, чтобы захватить данные с камеры мобильного и обработать его на стороне клиента в JavaScript (библиотека LazerSoft впечатляет, но она получает данные камеры из Flash SWF и преобразует ее в элемент холста). Вы можете попросить пользователя загрузить изображение, снятое со своей камеры, и запустить серверный блок кода. это не приблизилось бы к производительности или к родному приложению. Может быть, что-то вроде PhoneGap или Titanium? –

на Android и мобильном браузере iOS для флеш-памяти «Этот плагин не поддерживается, ошибка пришла». Требование клиента о том, чтобы мы не открывали галерею. – user2425109

Удивление, если вы нашли решение, поскольку у меня такая же проблема –

Прочтите этот плагин, чтобы помочь вам достичь того, что вы ищете. Попробуйте DEMO LINK. Это библиотека jQuery для перекрестной платформы, чтобы создать программу чтения QR-кода для браузера, совместимого с HTML5.

источник

2013-07-30 07:03:27

Привет, спасибо, но я не могу разрешите проблему. Я включил эту библиотеку, но она не открывает собственную камеру на Android-хром и собственный браузер браузера/iphone-safari. Пустой экран подходит. Пожалуйста, предложите любую библиотеку, которая может делать следующую камеру 1.open. 2. сканируйте штрих-код и код qr и верните их обратно в приложение Angular js. – user2425109

Ниже журналов входят браузер Chrome Chrome. В этом браузере не поддерживается потоковая передача веб-камеры (getUserMedia). html5-qrcode.min.js: 104 – user2425109

@ user2425109 Попробуйте открыть это в своем текущем браузере Chrome Chrome [ссылка] (http://shinydemos.com/qr-code/) –

Я адаптировал html5-qrcode плагин как директиву AngularJS.

Вы не можете найти его в этом репо:

https://github.com/sembrestels/angular-qr-scanner

источник

2014-03-18 05:05:25 Sem

Пожалуйста, объясните свой ответ, пожалуйста. – Irfan

Было бы полезно запустить запуск сканера, например, когда пользователь нажимает кнопку, вместо того, чтобы запускать его при загрузке страницы. В противном случае очень полезная демонстрация. – AndrewW

Эй, @ Это настоящая директива! Спасибо за это. Знаете ли вы, можно ли интегрировать это в приложение Angular, встроенное в Cordova/Phonegap? Во всяком случае, я попробую. –

Сканирование штрих-кодов и Qrcode с использованием Angular js HTML5

ответ

Смежные вопросы