I'm trying to develop an app in cordova that save videos with an aspect ratio squared.
What I want is to display a layer over $cordovaCapture.captureVideo that makes the user think it's recording in 1:1 so I can crop before I store it.
Do I have any way to make an overlaying on the camera?
Thanks in advice.
Related
I have the next question. I am developing a react application with some images. The user has the possibility to click and open a full-page image. Because the image's orientation is horizontal on the mobile, it does not look good. My idea is when the user clicks on the full page icon, the orientation of the phone becomes horizontal as is implemented on youtube. I tried to find some information about that, but I am not sure if it is even possible, I saw that only by using react native and developing mobile applications you can have access to the user's orientation of the screen. But maybe there are some methods to do in the browser? Thanks in advance.
It is not possible to change this from the web, however you could simply rotate the image and display it full screen. This has been done here:
CSS Rotate Portrait Image 90 Degrees and Make Image Full Screen
I have an iOS app in which, we take user pics, and then allowed them to put some random custom images above the pics.
While placing these custom pics above real image, they can rotate, scale these custom image. ( See this StickerViewIOS )
Now I am looking for exact same solution while making ReactNative.
Tried lot of Googling but no results found.
Just want to ask community if any of the ReactNative component available for the same.
Thanks,
There's no rotation support, but I did something similar for an app I made for Chain React.
Here's the image component that supports gestures: https://github.com/cball/ChainReactPhotobomb/blob/master/App/Components/TransformableImage.js
To overlay them on top, just use the ImageBackground Component
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.
I want to develop a multi-paint: An application, which each user can paint route on a map, save the route, and in the end all the saved routes will be "merged" into one big picture (like layers in photoshop)
How should I save the routes? List of pixels to be drawn? Save it to picture (with transparent background?)
The application will be developed in WPF on bing maps (on touch device).
Thank you very much
You would have to save the latitude and longitude values of the route points, perhaps in a LocationCollection, which is part of the Bing Maps WPF Control API.
Simply saving the pixels wouldn't work when you want to be able to zoom the map.
I created a website separately first and then opened it in Expression web to insert the deep zoom image in, but I keep getting this error:
"Add the page to a site and then try to insert the deep zoom image"
I have no idea what to do next, could somebody please point me in the right direction?
Where are you inserting the image? Deep zoom image is not a single image. It is collection of images. One embeds the deep zoom player that comes with deep zoom composer into a web page to display those images. Did you use deep zoom composer for creating deep zoom images? You can try http://www.imagesurf.net which allows online automated deep zoom/open zoom of photos and also allows to embed it in your web page. I am affiliated with the site.