I load images from database as memory stream and display them in my app, but I need to blur them before I display them.
How can I do that in MAUI android less than android 31 and IOS?
I found some solutions Xamarin but they are not valid for Maui
Related
I am developing a document scanner app in flutter, however of all the flutter apps I have seen, they are using the camera plugin which has a main issue that I found out here:
https://github.com/flutter/flutter/issues/45906#issuecomment-1124244943
I want to have a full resolution preview(for taking photos) rather than the video preview of the camera(which is also a little zoomed in). Any ideas?
I have a Flutter application in which I have a webview using
Flutter InAppWebView
I have loaded a url which has radio streams inside and everything works fine, even when I go to background mode or I lock device I can hear the music. The problem is that I don't have any media controls, for example play-pause.
If I open the same link in my phone browser (using Android & iOS), play the stream and locked device I have media controls including art cover.
So my question is, is it possible to add Media Controls in Notification bar if I use WebView inside my Flutter application?
I use adobe xd for Designing UI for flutter and I use xd to flutter plugin
Is there a way for these designs to be displayed the same in all versions of Android and ios?
With different screen sizes?
thanks
Make the app responsive
To enable Responsive Resize:
Select the artboard in Design mode.
In the Property inspector, click the power button to toggle Responsive Resize on.
More infos here
With this Adobe will scale your App responsive.
Flutter also automatically scales its apps in a responsive manner
Adobe XD to Flutter
To port your App from Adobe XD to Flutter you can use this Adobe XD plugin.
Here a full totorial about this.
But it can always be that some things are not transmitted correctly, so I would recommend that you know a little about Flutter.
Flutter has no way to record video of the Flutter App.
I tried all the following, all have majors drawbacks that brings to ask this question
Using repaintBoundary
This method has 2 major drawbacks:
It draws blank white boxes on PlatformViews and WebViews (https://github.com/flutter/flutter/issues/25306 and Update 30 June https://github.com/flutter/flutter/issues/83856 it is in progress this quarter)
Bitmaps need to be sent back to the Native platform for encoding into mp4. (Using OpenGL)
Using native platform
Flutter exposes the getBitmap API that is meant be used on the Native Platform to capture a screenshot of the Running hosted Flutter App but this has 2 major drawbacks
It must run on UIThread so the FlutterApp is blocked, so the video is recording a blocked UI
This method is very slow. Sometimes up to 100 ms per frame depending on the screen content.
Recording the entire screen?
Using MediaRecorder that's possible but we want to:
Record the app only, not the entire screen
Recording the entire screen requires special permission from user
Drawing a canvas of the FlutterView in the Native platform?
This draws black screen because FlutterView is a SurfaceView and bitmap cannot be obtained as it was drawn on the different thread.
Use PixelCopy?
This API is only availabe on >= API 24
Does FLutter Expose an API to record Bitmaps continuously in the background not on the Main UI thread . (Or a video recording API but that's too much to ask)
Keywords: getBitmap, screenshot, bitmap, uithread, background, record, recording, screen shot, main thread, flutterview, surfaceview, video, mp4, mediarecorder, opengl, mediamuxer, mediaencoder
canvasOn a web page in a mobile web application I am developing, I have a fileinput control that is used to take a picture with a mobile device camera. The image from the camera is then drawn onto an HTML5 canvas object on the same page.
The issue I am having is that if the web application is run on an iPhone 5 running iOS 7 (in the Safari web browser), the image appears extremely distorted. Specifically, the image appears to be vertically squished when drawn on the canvas. If the same web application is run on an Android device, no distortion is seen.
In previous versions of iOS and on iOS devices prior to iPhone 5, some vertical squishing was seen (although not as bad as this), and a jquery plugin named megapixel-image.js could be used to correct the vertical squishing. This tool unfortunately is not compatible with iOS 7.
Is this related to image subsampling in Safari or something else? What can be done to correct this? I obviously cannot have my users see this distorted image. Any mobile web app developer who wants to use the camera and HTML5 canvas is going to run into this, so a solution is mandatory.
megapixel-image.js does handle this correctly. I found I was passing some parameters to the plugin incorrectly, causing it not to work. My thanks to Ray Nicholus for his assistance with this issue.