🎧📱 Minimal Music Player • Flutter Tutorial
Vložit
- čas přidán 9. 07. 2024
- 💬 Chat App w/ Notifications • mitchkoko.gumroad.com/l/ChatA...
📱 Flutter Courses • mitchkoko.app/
👨🏽💻 I'm coding a startup.. / mitchkoko
/ createdbykoko
/ createdbykoko
/ createdbykoko
💰 Book Consultation Call • mitchkoko.gumroad.com/l/CallW...
~ ;
A sleek minimal music player app made with Flutter. Light & Dark mode. Uses an aesthetic neumorphism design. functionalities include play / pause / skip previous & forward / seek bar progress duration.
⚙️ Package: pub.dev/packages/audioplayers
✏️ Whiteboard app I use: app.eraser.io/
~ ;
⌚️ TIMESTAMPS
0:00 Intro
1:38 light & dark mode
10:00 song & playlist provider
16:18 song page UI
26:28 audio player
~ ;
🔗 CONNECT WITH ME
📺 / createdbykoko
🐦 / createdbykoko
📱 / createdbykoko
💻 github.com/mitchkoko/
🖥 mitchkoko.app/ - Věda a technologie
💬 Chat App w/ Notifications • mitchkoko.gumroad.com/l/ChatAppMasterclass
📱 Flutter Masterclass • mitchkoko.app/
🔥 I'm coding a startup.. www.patreon.com/mitchkoko
@createdbykoko in your last video i have ask you, please can you integrate google mobile ads in one of your apps even if it is a demo on how to do it please, your videos are great so please do this
Thank you for this tutorial.
Thanks a lot for this video!👍
Just amazing, you do a great job man
Dude, ur channel, ur vids are awesome. Very nice explained e'thing and great calm voice to teach. Thanks bro
Great job Mitch! You rock!
One suggestion: If the user has set the app to the dark mode then it should remain in the same theme mode (for example dark mode if switched on ) even if the user closes the app and restarts it, but the code you did for the theme mode, looks like it will go back to the default light mode every time the app restarts
best !!!! 🥶🥶🥶
hey good job man, appreciate that
Gold vid ever think Mitch
30:47 "notifyListeners" here isn't required as the "resume" and "pause" method rebuilds the UI respective.
you dropped this king 👑
👑👑👑
My IDOL
Amazing video, thanks bro.
I'm co-founder of a startup, we referred to your video for building MVP. ❤ If we get funding i would love to partner with you.
Which startup?
@@CodeWithJeet1204 building a dating app with new approach, pune India
@@CodeWithJeet1204 are aap idhar😂
We just want to learn from you. Please bring more apps 🙏🙏🙏
Hey Mitch, thanks alot for this app series, it is helpful for novice developer . Could you please build multi-author blog app with same approach.
Mitch, can you make a video on tips to improve our UI & UX design skills?
Great 🎉
Great video as always, are you going to do a minimum video player app?
thank u mitch , lets codeee purple heart!!!
Awesome tutorial, it worked almost perfectly. I miss the shuffle and repeat functionality though. 🤔
Thank you sir
its the best,
Can you make a tutorial on just_audio and audio_service package
Big fan mitch.. I have been stalking you🤪
Will you plz add minimize and playing music on background functionality plz
hey what about dark mode for neumorphism ? can you make a seperate video for state management and databases that are the best and easy to use
I've looked almost every where and I still can't figure out how you generate the mockups you use on your thumbnails.
Is there some software or tool you use to convert screen shots straight from your app simulator interface into png's, jpegs and what not?
Mitch Koko, can you please make an Amazon like app tutorial and include the part were someone can make payments with a card in the app (Visa card)
@createdbykoko please can you do the google ads integration i requested it on your last video please can you do it just how to integrate the ads even if it is on a demo app
Hey Mitch!...I so much love your videos, they are amazing.
Please can you build like an Uber clone? I know it's going to be tough, but please can you do it for us 🙏?
It is a nice and fluent content. 😊😊
❤️
How about the repeat and shuffle functionality? Give it a hint.
This is a great tutorial. Fantastic job. The resume is not working for me. Any idea whz?
Hi mitch. Can you create a radio application with Flutter.
How to add upload from phone or load from phone
how to use this audioplayer plugin with background audio service notification in this tutorial?
Thanks. But does it work in background?
hey mitch, the song in my app is not playing i have checked all the syntax i tried to play the audio fie just by using and button to play still not playing and i tried for different audio files too but still i am unable to play music
Minimise and play can be added?
Bro plz someone help me I am stuck at 12:51 because there is no consumer wedget in my flutter vscode
Hey Mitch can you make series explaining popular state management in flutter for example provider Getx and Bloc also can you make one video which have complex firebase CRUD operation like social media app. Thanks for you videos they are very useful.
Provider czcams.com/video/uQuxrZE2dqA/video.htmlsi=EX8p9JF5OCQTZtIR
Social media app czcams.com/video/zohXXZBUVYI/video.htmlsi=Er8ze57iDWQmPUUN
The tutorial is on playing a music from an asset.
What if I downloaded the app form the Internet.
How do I load it into the play list?
hey mitch, thank for the video as always. can you please clone dribbble designs like you used to?
that would be awesome
@@wesleysilveira5692 yeah, I really like those tutorials and I even watch them eating snacks😅
yeh sure i love cloning dribbble designs. u should recommend me some
@@createdbykoko you can clone the design you like
Can we drag the audio from where we want it to play? From that slider?
need also Make A Sound Recorder In Flutter with saving in screen as audioPlayList
is this possible to create a crud for uploading songs by myself in my phone ?
Hi, what is your laptop's parameters? Is 8 gb macbook enough?
how to fetch this audio from our local storage if we need to on our android phone
What about local file accesed player
AMAZING…. ❤❤❤
Do the songs continue to play if you navigate away from player screen?
no they don't
Could You Please show us FirebaseFirestore queries and nested collection operations?
can you make a video on flutter bloc??????
Sir, can you create a tutorial and app that is API-based i like the way you speak; make me get it easily.
Hi mitch , i have a question for u .. when i use listview builder .. the scrolling is kinda buggy .. it just jumps from the last index to index 0 . how do u solve this issue ?
use bouncing physics
Really a great video. Great learning and more to learn
Please make video on. Flutter+ appwrite
Bro please video on Rest APIs
Tutorial on flutter sqflite
I am facing this error, could you please help Mitch.
AudioPlayers Exception: AudioPlayerException(
AssetSource(path: lib/assets/audio/StarWars3.wav),
PlatformException(WebAudioError, Failed to set source. For troubleshooting, MediaError: MEDIA_ELEMENT_ERROR: Format error (Code: 4), null)
Did you got soln
So many "music player" app flutter tutorials but all use assets for the songs not local storage. Which is impractical. Is it that difficult to use local storage or perhaps it's impossible to do?
Did you find the answer to your question?
audio is not playing
The logic is quite complicating to me , Any advice sir
I want to ask if the sound appears when it starts
yes it does
Is this video friendly for beginners?
Yes it starts from scratch :) in fact, all of my videos show you how to code the app from scratch the very beginning ❤️ But of course, you should also check out the beginner video if u need: czcams.com/video/HQ_ytw58tC4/video.htmlsi=KsdwTCubf5pyc26l
10:01
please correct your goToSong method
have to be
void goToSong(int songIndex) {
//update the currentSongIndex
playListProvider.setCurrentSongIndex(songIndex);
// playListProvider.currentSongIndex=songIndex;
Navigator.push(
context, MaterialPageRoute(builder: (context) => SongPage()));
//navigateTo
}
also check again ClipRRect(
borderRadius: BorderRadius.circular(12),
child: Image.asset(
currentSong.albumArtImagePath,
// fit: BoxFit.fill,
),
),
not responsive for every image !! please check again
and in SongPage
you forgot to fill this method
onChanged: (double double) {},