Using FLutter Image Picker To Pick Image And Video And Record Video In Flutter App

hi guys in this video I'm going to try to use this image picker plug-in as well as is killing plugin from top to take pictures with our phones come back and display it in a flattened out what do you think - just from our gallery leave videos now on the phone and then we'll record videos with our mobile device as well this couldn't be fun okay so you met up here you can see I have a bunch of stuff important I have this that's IO seems to be working with the images and their videos from device who made this that's IO and then I have this image pick up from top as you can see here I have this image pick up so the image become lets you work with images as well as videos I'll go ahead and add it to your hospital no problem as I have it here and then after us rows for the package gets if that either starts automatically then three important so as you can see who is imported its game but I always need to add these permissions to your input of Elah spouse but if you like the car plugins wait and you can find out you know iOS folder drama in this file I'm gonna go ahead and open that as you can see my elbow is Fuda they run our folder there's input of P last year so I'm gonna come here and add the phoenicians here so this permission the first one is the camera permission and it is specified why you need access to the camera the next one is for the photos library and I need to specify any permission to the photos bad way the last one is black of when you see you also specify why you need permission to the microphone so back to the end of that I'm also included is QE plug-in from up as you can see this clearly allows us to play let's make videos as well as local videos in a-flat about go ahead and add these two packages here hop I also have this video clear coming down this up back then these four buttons coming up or jump video and I'll record this camera would to get perch on the phone this picture one who pick a media file then this one look out video and then the last row will record a video in here as you can see my apartheid to hear the body of my scuffle how this listen and the color of a means this column I have this size box and then raised buttons so this is one but a camera and then these terrorists okay so since you're going below its house I'm gonna go ahead and declare two variables to hold our house when they're selected over an image file then if other would be video file okay so don't I have this I'm gonna come down to my list view inside the column and on top of these buttons I'm gonna put two containers they want to hold F to chat with chooses and we added to both a video remember this one here the contains powerful video then the image files over a video I'm gonna be in a container I'll give it the color I use the bunker now for the height and velocity media playing the of context that size but height until I take 20% of behind and far away I'm jarred missing changes to wait hundred for a chart of my container I'm going to check in this video file is not slow if it's not displaying our gates it is not allowed display the video itself now those same for the the Transworld video file you can equal to know and I want to return a circuit videos and the child of the center we get to be an icon so for the video I'm gonna use icons dots video cow you're gonna give me the color and the size okay so does if there's no video to play otherwise I'll just want to pretend I fit the box and then what is for that box for it fits I'm gonna say contain the video phone now for the child of this fitting box I'm gonna check if I will get discouraged the mountain so I'm going to say mount it then I want to make them TV otherwise if is no mountain I guess want to return upon him so in this Kuwait the will get stuff we'll play our video a spill of Fatah he takes a controller the controller takes is a cubic computer so this do it control of politics a video player controller so that's what can we what it is video PL from Prada I'm gonna say we do PL controller but the video player from we're gonna see don't Wow so this video Pia that's for the helmet of sine alpha so we're gonna explain our following to come from remote within available for video file of that file this one today we know is there and also remember this widgets will only show if this video player is Buffalo as we check here to make you a call girl of the things that's bleep question love may be great too as to what I also play the video too much honey or not my kids out of need automatically scoffs a totally true and I want the video to as well after it's done but you should own it for the video player into the pot I'm gonna swing it and you can see we have it here since when I would like to see any video files the video file is now and so this part will be displayed once it's not know this widgets will be displayed I'm gonna go ahead and create one to hold how to check as well so far because I don't know do something similar I was an early check before image file is not snow so remember this our image file and well as the image file if it's low just retail as % NY gates so that's what is st. arrow against otherwise if this elite file slots now we want to display this image well as the image but wow then we provide our image file here I'm going to take this so now we have this two items here I'm going to go ahead and provide then let it for these buttons that are finally click down becomes the phone guy various options I'm gonna come up here into start weights I'm gonna create the method for this one I'm gonna say come round you're gonna be a saint so I'm gonna create summit day to hold a good job that we are thinking and you're gonna be a flower type I'm gonna sniff out the image I wait for you H pick up the list you need to go out big village a little we have 15 I'm gonna start with the image I'm gonna head is so this big a magnetic disk a source for this one this is gonna be for the camera I'm gonna say late sauce which sort of come out so now I want to check if the villain is no no it is now I will swallow up dancing this image file but if it's not loud enough updated I'm gonna say if this the image that we are waiting for it's not equal to no oh so I should have ended this year I'm going to take this out okay so in this image is no no I'm gonna cause head state and then I send the image file to image file which father am i selling the image today okay so this will help us with the camera so yes to make this quick I'm gonna copy knees duplicate it here and call this and then here everything remains the same the only thing you have to change with us also ready I'm going to change this camera we can see in either's for the gallery and then under we are done with this I'm gonna provide these methods I'm gonna go through the camera coming down here and put it in his cameras on price I'm gonna commit to charge 12 and then it's put it in this adjust from space we're gonna say this I'm gonna hit this and I'm expect me to open a camera okay so once this open yourself I'm gonna pick up which I here because I can't have them replaced with party mate I'm gonna go ahead and up the Joseph and then this turn around are there really hoping I'm gonna get to this one then you can see the image has been changed as well okay so let's jump right into the video and the ricotta we're gonna come up here and create an event for that video colleagues and let's go with you Angelica is faint what happens and then the process is gonna be similar I'm gonna have it ended so then at least I don't know they're interested in a quick chop we're interested in that videos I'm gonna see adults each video then we're also gonna provide a source food and feeding but if this one is gonna be the gallery once we're done taking this I wanna check if this time around I'm gonna use the video file video farm boy no no then one course XP and save our main video file well listen if it don't fit which is this one I'm gonna go ahead and copy this as well let me change the name to blend everything I live they say I said that this time on esos is going to be coming up a minute changes community and then or now we are gonna companies those for video and then for the recorder then I copy next don't pay this year let me see this here first of all hits this record up then try to look for something okay so nothing happens okay so this no supposed to be that we get found this was to be the vid is to it you're gonna go ahead and change the one up as well this makes it because the video file is now by the time the code application gets here I'm gonna save this then I'll call again then once I'm done I'm gonna Hamptons and then you can see our video is playing because we said it should play automatically now you know we say but to play it was true I'm gonna go ahead and think that videos far as well then I hope this video you can see the play for close our iOS power tonight simply type by by step select targets platform of my team data to habit glass windows I always recommend coming to discount you can see I have this material on chores but you throw it for this video goofy to LIKE and subscribe to my youtube channel low enough Monday

Channel: Norbert Aberor

Views: 7,705

Keywords: flutter, dart, image picker, camera, gallery, flutter camera, flutter google, flutter tutorial, google flutter, flutter video picker, flutter tutorial beginner, programming tutorial, flutter video player, flutter video, flutter video player tutorial, flutter video tutorial, flutter chewie, flutter chewie tutorial, flutter video stream, flutter play mp4, flutter play video, flutter mp4, flutter video player controller, record video in flutter, play video in flutter

Id: XSn5EwWBG-4

Length: 15min 10sec (910 seconds)

Published: Sat May 18 2019