Flutter - Merge video and widgets - flutter

I have a screen with a video as background and I can add text, images (gif or not), emojis, etc.. over it. I can already generate images from Widgets which will work well for non gifs images.
All right it is working quite right, but now I need to compile all into a single video. Someone can tell me what is the easyest way to do that?
Ps.: There's this package, but I'm not sure if it is what I need for it.
https://pub.dev/packages/flutter_ffmpeg

Yes, this package will do the work, but is very complex and request a lot of time studying it, have fun =)

Related

Flutter How to make background Carousal image like below image

Is there any package to design below screen like. I tried lot of time on Online to get solution, but i didn't get any solution.
Can any one help me how to develop carosual card like below image ?
I've used this carousel slider package once.
also, this video might help. Kind of similar to your needs.
(I'll update the answer once I get to my computer.)

I am trying to implement a ReverseAnimation (hero animation) in my pageview possibly without using external packages

I have a pageview with 6 pages. In each of these there is the app logo (a png enclosed by hero). I need that, although it is a pageview and the Navigator is not called, the animation is a ReverseAnimation.
I have read that you can use the "coast" package, but I am not able to implement it and, to be honest, I would like to minimize the use of packages.
I apologize for the bad quality of the gifs but I had to compress the files.
I know this is not what you want to hear but I Must say, without using the "coast" package or something similar, implementing what you want is exceedingly difficult. that's exactly why there are packages in the first place. if you faced problems with implementing that package, please post that problem instead.

How to create a custom video palyer in Flutter?

I need to create the following video player for my app: Screenshot from Netflix. I need a start/pause button, a back button, the title of the video, and a time indicator. The video should also always be in landscape mode. I've already found a lot of video players in flutter but I haven't found a way to modify them. If anybody knows a good library, a tutorial, or has some source code it would really help me out, thanks.
I think your best bet is using the video_player package, as it's the most bare-bones package out there. You can make the player all to your liking by using the Stack Widget, having the video at its base and any other elements on top of it. It should be very doable; only the progress indicator is kind of complex, but it's not too bad.

flutter - is it possible to use flutter code to represent something similar to this?

Is there a way to show the following with flutter?
As far as I know, only the corners of a container can be rounded off. I asked myself whether it is also possible to display something similar to the one in the picture below using flutter codes?
Since I don't even begin to know how and if you could do something like that, I am very curious about the answers, but I reckon that it could possibly be complicated.
YES!
It can be done by using path in flutter.
You can do each shape separately and then put them in a row.
Read this well organized article about path in flutter, then you can build all types of path. good luck :)
I see two main ways to approach this. Either use an image with the design from above, and use a Stack widget to add the text and icon on top.
The second option would be to use customPainter or possibly paths to make your custom shape. The documentation is here: https://api.flutter.dev/flutter/rendering/CustomPainter-class.html

Convert video to GIF

I'm building an iOS app which requires me to allow the users to record a 15sec clip (with UIImagePickerController for example) and then convert it into an animated GIF. How could I achieve this? Is there any library/framework available for such task?
Thanks!
This gist code piece may help you.
https://gist.github.com/mayoff/4969104
It shows how to export frames into a gif image.
I don't believe there is any existing library that would do a straight conversion for you. There's a lot of libraries for displaying animated GIFs - far fewer native Objective-C libraries for creating them.
Fortunately, iOS does have support for saving as GIFs. There's an existing StackOverflow answer that covers how to create animated GIFs in-depth here:
Create and and export an animated gif via iOS?
...there's also a library on GitHub that abstracts the lower-level stuff away, although it's not been maintained for a while (link here).
All you'll need to do is create an array of the frames you want to convert into your GIF. I strongly recommend you don't try and convert every single frame in your 15 second video, if only because you'll end up with a very large GIF at a frame-rate that's too high. You would be better off picking every other, or even every 3/4 frames from your video sample. Capturing images from video is also pretty well documented on iOS.
I recently created a library called Regift for converting videos to gifs on iOS. Hopefully it will help anyone coming to this in the future :)