How to run camera on page in preview mode? - camera

I create an application for working with the camera, I just can not figure out how to call the camera, so that it was in preview mode.
In the documentation I read, there only a photo can be done, but you can not bring the camera to the page!
cordova-plugin-camera
There is an example of an application where the camera is displayed on the page in preview mode:
Here on the background of the page the camera is shown and it is possible to work with camera
Is there anyone among you who worked with the camera, if so, tell me how or give advice. Thank you!
Ps: sorry for bad english.

I think you are looking for this plugin. It is built to display a camera preview in HTML. Please be aware that the authors of the plugin stated themselfes that the plugin is still under constant development so there might be some things that do not work as expected.
The plugin offers following features:
Start a camera preview from HTML code.
Maintain HTML interactivity.
Drag the preview box.
Set camera color effect.
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.
Set the focus mode, zoom, color effects, exposure mode, white balance mode and exposure compensation
Tap to focus

Related

How to stop flickity from jumping in mobile viewport

I am using the Flickity slider (from Metafizzy) in a landing page to show different products. The slider is in portrait size and not landscape.
The issue is that when the user only scrolls the top portion of the slider into the viewport on mobile (i.e. 20-30%) and they attempt to scroll/swipe the slide, the screen suddenly jumps to attempt to include the whole slider into the viewport.
This never happens on the mobile emulator on the desktop, but only on the smartphone device on safari and google chrome browsers
Is this intended to be a specific behaviour for the Flickity slider? Like I should not be using it to make portrait sliders? I've gone through the plugin options and not able to fix this behaviour. It never came up in early testing with dummy content.
I've provided a link to the github page where it is happening, you can open it up in mobile browser and see the viewport "jumping" bug when you attempt to scroll the table. https://true-digital-channel.github.io/Galaxy11-Preorder/build/mobile.html
Disable the keyboard accessibility by setting accessibility: false in the carousel options. From the Flickity issue tracker.

Expo Image editor from ImagePicker API

Exponents ImagePicker API lets you pick an image from your library. After picking an image it opens the image in an image editor that lets you edit the image. Is there any way to skip the image picking part and directly go to the editor screen?
Like I give in an image URI and it opens that image in the image editor screen of expo.
Set allowsEditing={false}. See here for details.
allowsEditing (boolean) -- Whether to show a UI to edit the
image/video after it is picked. Images: On Android the user can crop
and rotate the image and on iOS simply crop it. Videos: On iOS user
can trim the video. Defaults to false.

Crossrider Safari button icon tiny

I'm using Crossrider to develop a cross browser extension, it's working fine except that the button icon on Safari is so small you can't really see it. How can I expand it?
I uploaded it as a 128x128 PNG in the settings page.
This is a screen shot from my Retina Macbook Pro, could the issue be related to the retina display?
I hadn't checked the image DPI settings in Photoshop. They need to be set to 72 but were in fact 300.
If anyone from Crossrider sees this, it would be great if it were possible to upload a retina sized button icon.

What is the windows phone app image asset that is displayed when in the list of open apps

I'm starting with developing on Windows phone 8.1. I've been working with the different image assets for logos and tiles, but have not been able to identify the one that is displayed when you go to the list of open apps (i.e. pressing and holding the back key). In this view there is a logo of the app in the bottom-left corner that I don't know from where it comes. I'm trying to change the background color of it, but is none of the ones define in the manifest. I've seen apps that have this image with a specific background color (i.e. not transparent) like the one in the screenshot below. So, there must be a way to do it, but I'm not able to find where or how.
That would be the application icon you set in your WMAppManifest.xml. You can find this under your project's Properties folder. You can set icon from the UI (App icon) or by editing the XML block itself.
<IconPath IsRelative="true" IsResource="false">Assets\ApplicationIcon.png</IconPath>
This is the same icon that is shown in phone's app list. If image has transparency, phone's selected accent color is shown as "background". If not, well.. then it won't be transparent :).

Turning Google Earth plugin animation into a video

I've created an animation which runs inside of the Google Earth plugin (browser) and I'd like to somehow encode this animation into a video format that I can upload to YouTube or a related video site. Are there any tools out there to help me do this?
**EDIT: more detail
This animation changes depending on user input. So it needs to be scalable. The user would click a button: download video after which a server would convert the animation.
You can use FRAPS to record a video of the animation running on your machine.