Skanowanie kodów kreskowych i kodów Qrcode za pomocą Angular js HTML5

Wymagam skanowania kodów kreskowych i kodu Qrcode na urządzeniach z Androidem/iphone/ipad. Projekt jest w całości oparty na Angular JS i HTML5. Jest to witryna mobilna.Skanowanie kodów kreskowych i kodów Qrcode za pomocą Angular js HTML5

Poniżej znajduje się wymagania. Nie powinien pobierać natywnej aplikacji innej firmy na urządzenie. Nie można użyć natywnej aplikacji Zxing.

Czy jest jakiś sposób w javascript/HTML5/jquery/Angular js, za pomocą którego możemy skanować kod kreskowy za pomocą natywnego aparatu?

Próbowaliśmy poniżej biblioteki javascript, ale okazało się, że nie jest przydatny, ponieważ jest to tylko dla QRcode i nie otwierania kamery, jak również. https://github.com/LazarSoft

Proszę o pomoc!

Źródło

2013-07-30 user2425109

bez lampy błyskowej (lub jeszcze niepublikowane poprawy API pliku) po prostu nie ma sposobu, aby pobrać dane z mobilnej kamery i przetwarza je po stronie klienta w JavaScript (biblioteka LazerSoft robi wrażenie, ale pobiera dane z kamery z Flash SWF i konwertuje je na element canvas). Możesz poprosić użytkownika o przesłanie obrazu pobranego z jego kamery i mieć uruchomiony blok kodu po stronie serwera. nie zbliży się to do wydajności lub natywnej aplikacji. Może coś takiego jak PhoneGap czy Titanium? –

na Androidzie i ios mobilna przeglądarka flash "Ta wtyczka nie jest obsługiwana błąd nadchodzi". Jest to wymaganie klienta, że nie powinniśmy otwierać galerii. – user2425109

Zastanawiasz się, czy znalazłeś rozwiązanie, ponieważ mam ten sam problem. –

Przeczytaj tę wtyczkę, która pomoże Ci osiągnąć to, czego szukasz. Wypróbuj DEMO LINK - Jest to wieloplatformowa biblioteka jQuery do utworzenia czytnika kodów QR dla przeglądarki zgodnej z HTML5.

Źródło

2013-07-30 07:03:27

Cześć dzięki, ale nie jestem w stanie rozwiązać problem. Zintegrowałem tę bibliotekę, ale nie otwiera ona rodzimej kamery na Androidzie-chromer i przeglądarce rodzimej przeglądarki/iPhone-Safari. Nadchodzi pusty ekran. Zasugeruj bibliotekę, która może wykonać następujące czynności: 1. otwórz kamerę urządzenia 2. zeskanuj kod kreskowy i kod QR i wróć do aplikacji Angular js. – user2425109

Poniżej znajdują się dzienniki przeglądarki Chrome w przeglądarce Chrome. Ta funkcja nie obsługuje obsługiwanych strumieni kamer internetowych (getUserMedia). html5-qrcode.min.js: 104 – user2425109

@ user2425109 Spróbuj otworzyć ten w aktualnej przeglądarce Chrome Chrome [link] (http://shinydemos.com/qr-code/) –

Zaadaptowałem wtyczkę html5-qrcode jako dyrektywę AngularJS.

Można go znaleźć w tym repo:

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

Źródło

2014-03-18 05:05:25 Sem

Prosimy o wyjaśnienie swojej odpowiedzi. – Irfan

Przydałaby się możliwość uruchomienia skanera, na przykład gdy użytkownik kliknie przycisk, zamiast uruchamiania go po wczytaniu strony. W przeciwnym razie bardzo pomocne demo. – AndrewW

Hej, @Sem ta dyrektywa jest niesamowita! Dzięki za to. Czy wiesz, czy możliwe jest zintegrowanie tego w aplikacji Angular osadzonej w Cordova/Phonegap? W każdym razie, spróbuję tego. –

Skanowanie kodów kreskowych i kodów Qrcode za pomocą Angular js HTML5

Odpowiedz

Powiązane problemy