How do I create video thumbnails in Codename one? - codenameone

Is there a way to generate thumbnail like images from a stored video in codename one?
I have a codename list that uses the generic renderer and has a list of strings which are a local path to either a video or an image. Is there a way to display either the image or a thumbnail of the video on the multiButton icon?

You’ll need to use a native interface. Looks like both iOS and Android support thumbnails from video.
Getting a thumbnail from a video url or data in iPhone SDK
How to create video thumbnail from video file path in Android
You could also do it server-side and then load the thumbnails from your app. E.g. Cloudinary supports generating video thumbnails.
http://cloudinary.com/documentation/video_manipulation_and_delivery
The Cloudinary cn1lib is available here:
https://github.com/shannah/cloudinary-codenameone

Related

Is it possible to add responsive background image using cloudinary in React?

I have just discovered cloudinary and I am making a website where I am trying to make several sections of the page with different background images to be responsive by size as well by format for older browsers.
I have set up React SDK and with AdvancedImage I am getting responsive images.
My question is it possible to set up the AdvancedImage to be background image?
Or for the background images I have to set functions for the screen width and in which browser the page is viewed to set manually the screen width and format to include into url when requesting an image from cloudinary?
Or should I get the image using the AdvancedImage and place it as absolute in the container?
I was googling and checking the documentation of cloudinary with no luck.

insert pdf file into mobile app development

I have a pdf file of a map of the building and I want to attach this map into the app. How can I do it? I try to convert the pdf file into the URL and use action event in the button but it didn't work. I also screenshot the map and attach the picture into the button but it is too large and I can't zoom in the detail in the map. Do you have any idea about this?
You can use an image an then place it with an ImageViewer. That allows pinch to zoom on the device so you can see the finer details.

React native open image picker in customized layout

I am building android app in react native. Here I can building image upload feature.
I want to open local image gallery in customized layout, which has two tabs in bottom, one from pick image from camera and another from local library, like instagram app has.
I have tried react-native-image-picker and react-native-image-crop-picker. But did not found this feature in these both react native packages.
Please guide me how can I create this feature.

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.

javascript image gallery with adjusted navigation for mobile platforms

I want to make a javascript image gallery
(with 6 thumbnails in a row and as many rows as fit the page.
clicking the thumbnails will bring up a popup box with images and a video)
At the bottom of the page there is a numbered pagination.
However, I would like to make it so that on a mobile platform (android/iphone)
the user can paginate by swiping the pages to go forward or backward.
How do I adjust the pagination for a mobile platform?
Should I use a specific crossplatform tool like sencha to make this gallery?
Have you thought about using JQuery Mobile ?
http://jquerymobile.com/

Resources