I am looking for launching native iOS device Camera from a Pure web app(launching thru Safari). Not through any Native or Hybrid frameworks. I wondered how this paste html page http://pastehtml.com/view/chh0dj31e.html
is able to directly access iOS device camera through a pure web application, if i launch this link in device safari. I want to develop the same way.
If anyone has any idea, could you share it with me please?
Use the following input tag
<input type="file" accept="image/*" capture="camera">
it will show 2 option with take photo and chose existing.
for more info see this link
Related
I want to scan a QR code from a Web App on browser of a Mobile Device. Now, I am using the getUserMedia API to get the video stream and a JS library for decoding which works perfectly for chrome on Android but not on iOS, since iOS DOESN'T support getUserMedia API.
I read here that Chrome for iOS now comes with in-built QR code scanner. This might just resolve my issue, if I can access the functionality through some JavaScript API like navigator object or so.
Any help here would be much appreciated.
I know there is a work around to use <input type="file" accept="image/*"> to capture image and then decode it. But this has higher chances of decode failure and not a good UX.
For 'check-in' purposes, my staffs have a mobile device (ios and android) that opens my web app through a browser. They then open a page and it allows them to scan a customer's qr code to check them in. I would like it to have as little user interaction as possible. All they staff needs to do is to keep the webapp open, and scan the qr code. The web app will then call an api on my server which check this customer in. So accessing the camera's view is best, i can then run a qr code scanner.
I've been able to do it for android (using getUserMedia) but it doesnt work for ios. (duhhh)
I'm currently using Vue.js(V1), and would like to keep it as it is.
Hybrid Apps: I've looked at OnsenUI(which seems to only work with vue2), Ionic(which doesnt allow me to build/run ios platform as i am using windows).
webapp is coded with vue.js(v1), running on a tomcat7 server, HTML, JS.
Are there any suggestions?
I've found a way to use Phonegap to allow this.
Edit: Phonegap allows you to create a hybrid app that seems like a native app(ios or android). All i did was install phonegap and used one of their plugins (barcodescanner). This is the refrence i used.
But, from my understanding, You'll need to publish the app on the app store, which is a lot of hassle (and cost money).
How to embed iOS mobile emulator in normal html5 page to preview the website. Please suggest mobile emulator which we can embed in HTML5, no need of desktop emulator or browser extensions.
Your help is highly appreciated.
I don't think this is possible. Why don't you make a video of your app and embed it in your website, if you what to show users any functionality.
Is there a way to create a link on a web page to launch the BlackBerry native version of the Foursquare app? I'd like to open a particular venue in the app, but I can't even find a way to cause the app to launch at all.
On Android and iOS there are URL schemes to accomplish this, like on this page:
https://developer.foursquare.com/resources/client
But, that page does not address web links from BlackBerry devices. In particular, I'm interested in BlackBerry OS 6/7 handsets.
foursquare: URLs just fail with a not-supported error message, and http links to foursquare.com just open in the same browser window.
At the bottom of the page at https://developer.foursquare.com/resources/client, under "BlackBerry Native App Integration", you can find instructions on how to launch the native foursquare app from other BlackBerry apps.
I want to launch the maps application from my mobile website. How can I accomplish this?
You use simple HTML links; iOS will recognize and open it.
Here is the documentation you need.
Hope it helps!