Can Cordova Camera open in-side Cordova Application - angularjs

i want to open camara in div on template, where app not go to background and camara open and after capture, camara app go to background and cordova app will go to foreground... instead of that the camara is open in div which is placed on html template..
Thank you..

Yes, through this Plugin for iOS and Android it is possible to show a camera view in a div container or everywhere else in your body.
Cordova Camera Preview
Features:
Start a camera preview from HTML code.
Drag the preview box.
Set camera color effect (Android and iOS).
Send the preview box to back of the HTML content.
Set a custom position for the camera preview box.
Set a custom size for the preview box.
Maintain HTML interactivity.
Installation:
cordova plugin add https://github.com/mbppower/CordovaCameraPreview.git
And the rest (methods) etc. can be found in the documentation on GitHub.

Related

Profile picture in ionic ios mobile application getting disappeared after application restart

I have used cordova plugin camera to set profile picture in my mobile application. When I start my application and set profile picture it is saves and displays properly but when I close my application and restart it then image is not showing in that div. This happens in case of ios only, in Android it is working properly

when click on button or icon i want to open uber mobile application in my mobile using angular js in ionic

I Want to use Uber Ride Requests via click on icon or button in my mobile application which is in ionic-angularJS so if user want he can book his Ride using from my mobile application.
That can be done with a cordova plugin, called StartApp (https://github.com/lampaa/com.lampa.startapp).
You will need to know the schema for both Android and iOS of the app that you want to open.
This link might be useful:
http://www.gajotres.net/how-to-launch-external-application-with-ionic-framework/

AngularJS: How to open native video player on mobiles

I am using vjs-video AngularJS plugin for rendering videos in my app. On desktop it shows them in ngDialog (by binding dialog window to ng-click of gallery element)
It's working ok, but on the mobiles I want to show native fullscreen player right after user clicked (tapped) gallery item. I know how to detect mobile and desktop in Angular app, but what to do next? Right now user have to tap on gallery item and then dialog is showing, after that user should make second tap on video.js player in dialog and then video start to play in native player, but I want to open native player right after first click.
Have you tried the JavaScript "requestFullscreen" api?
var elem = document.getElementById("myvideo");
if (elem.requestFullscreen) {
elem.requestFullscreen();
}
Here's a link to the mozilla docs on this api.
And here's a link to screenfull.js, a library that's supposed to make this even easier.

Cordova Capture & Camera

Is it possible using Cordova camera and capture plugin to initialise the camera on page In say a 400x400 square rather than loading the full screen capture? Reason being I'm after using the front camera on a tablet which when a member of staff clocks in during the process takes a quick photo of the member of staff.
Is this possible with Cordova camera and capture? If so could somebody provide a quick example or point me in the right direction.
Thanks
There is a great plugin for that: CordovaCameraPreview
Cordova plugin that allows camera interaction from HTML code.
Show camera preview popup on top of the HTML.
Features:
•Start a camera preview from HTML code.
•Drag the preview box.
•Set camera color effect (Android and iOS).
•Send the preview box to back of the HTML content.
•Set a custom position for the camera preview box.
•Set a custom size for the preview box.
•Set a custom alpha for the preview box.
•Maintain HTML interactivity.

icon image in the "add bookmark" screen in IPhone

Hi,
I have a web application specific for mobile. I am testing the application using IPhone.
I want to set up the image icon displayed in the left panel as my screen above.
Could you please advise how to achieve?

Resources