Scan barcode from mobile browser through web application(Without any mobile application) - javascript

We have a web application kind of E-Commerce and now we like to add a barcode scanning option to show product details.
But as per my analysis , From mobile browser, when user click on scan now button , should redirect to Barcode scanning app and agin get back to our website once scan detect barcode.
I like to know , is it possible to achieve this with out any specific application,
So once user click the Scan Now button from mobile browser(Chrome,safari, firefox) , should access the camera and scanning has to be happen until detect barcode value or user cancel the process.
If it's possible , which library will suits me.
Hope will get solution/suggestion

Related

Signage application with Mobile Remote

My goal is to create a webpage that only displays a full screen video on a TV. Then have a second webpage someone could open up on their mobile device (via a QR code) and have a choice of 4 videos. Once you tap a video on the mobile device, it changes the full screen video on the tv. What is the best way to do this? I was thinking via a MySQL DB storing the webpage, then using JS to check if the content in the DB has been updated, and if it has, make the change on the tv. Is this the best way?

Android don't detect the loss of focus of a web page when using multi-window

I need to monitor that users viewing my site have the page in the foreground and in focus.
The codes (also partially described in this question ) work correctly in the Desktop environment, however if the user is using Android's multi-window mode then I cannot determine if my site is still in focus or if the user is interacting with another application.
What can I do?
Example of Android's multi-window feature:

Angular 2 - get barcode scanner data without using HTML input/textarea

I'm creating web application which uses barcode scaner (in my case Motorola TC55).
My goal is to scan product EAN without using HTML input/textarea. Why? Because I want to prevent pop up keyboard on mobile devices. This field should be usable on desktops too (without connected scanner - to input data from keyboard).
What I've tried:
Set readonly/disabled attribute on input - mobile keyboard is hidden, but I can't set focus on this input.
Create div with contenteditable directive - keyboard is visible.
And finally (the most sofisticated so far) - create div with onClick event. After click in div I'm starting listening to keypress and saving everything until Enter key is pressed. It works fine on desktop. On mobile keyboard is hidden but keypress event is triggered only on end of scanning (Enter key).
Any other sugestions?
Disclaimer: I work for Zebra Technologies
Because you're working on a Motorola (now Zebra Technologies) TC55, you have available different options.
The easiest is to use something like Zebra's Enterprise Browser, it requires a license, but it includes some additional APIs that allows to control the additional HW of the device. In particular you've available a Barcode API that allow you to take full control of the integrated barcode scanner.
If you prefer to use something that requires a bit more hand-holding, you can take a look at this blog post that explain how to bridge between DataWedge (the application that on the Zebra Android devices is sending the barcode data as characters) and the Chrome Android Browser using WebSockets.
If you have a support contract for your TC55 you can update your device to the latest security updates and fixes. You can find more information on Zebra's Support Website.

Internationalisation keyboard support in phonegap html5 apps

I am preparing an app in sencha touch and phonegap. In my app , I am providing an option to the user to change language .By default , it is english. Now When user changes to some other language , I change the text present, say like placeholder of input box by code.
But is there anyway , I can change the layout of the keyboard which comes on the screen when user taps on any text box. ?
There is no attribute present on the input tag which will tell the device to open the keyboard with the different language?
Short answer: you can't. The keyboard is itself an app and it's settings aren't reachable. The question is: why? you could launch a settings intent where you ask the user to change their keyboard layout if this is some sort of a language training app or whatever.

scan barcode in a web application

I'm building a web application (C#) for a customer.
Now I'm trying to add a page for mobile. I want that the customer will be able to scan a barcode (1D barcode or 2D barcode) and the code will be written in a text field (<input>) on the screen for further operations. It must work on android or iphone, and better - on both.
I tried to use JS codes which I can take a picture with the camera in the mobile device and the script reads the barcode in the picture - but I didn't find something good enough.
this one didn't work with large images from the camera, and this one couldn't read some of my barcodes and also couldn't read large images.
I tried to find a way that the customer will click on a button to open a barcode-scanner-application on the device (I have an android mobile device) - and the barcode will be written on an input on the screen, but I can't find if it's possible and how to do it.
I don't want to use phonegap - I need it as a web application, not a native app.

Categories

Resources