🎧📱 Minimal Music Player • Flutter Tutorial

💬 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/

[@createdbykoko]

💬 Chat App w/ Notifications • mitchkoko.gumroad.com/l/ChatAppMasterclass
📱 Flutter Masterclass • mitchkoko.app/
🔥 I'm coding a startup.. www.patreon.com/mitchkoko

[@user-pn7kg6qv4s]

@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

[@ethanrieu230]

Just amazing, you do a great job man

[@wesleysilveira5692]

you dropped this king 👑

[@createdbykoko]

👑👑👑

[@porysowany]

Dude, ur channel, ur vids are awesome. Very nice explained e'thing and great calm voice to teach. Thanks bro

[@vukasinsl1]

Great job Mitch! You rock!

[@hasansafi3341]

Thank you for this tutorial.

[@user-ln1il5tz5m]

Thanks a lot for this video!👍

[@udaybhaskar9358]

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.

[@CodeWithJeet1204]

Which startup?

[@udaybhaskar9358]

@@CodeWithJeet1204 building a dating app with new approach, pune India

[@DhaarmicK]

​@@CodeWithJeet1204 are aap idhar😂

[@yeabsirayonas4627]

best !!!! 🥶🥶🥶

[@binemmanuel5881]

30:47 "notifyListeners" here isn't required as the "resume" and "pause" method rebuilds the UI respective.

[@aaomms7986]

Gold vid ever think Mitch

[@vietphamquang6202]

hey good job man, appreciate that

[@marioalves11]

Amazing video, thanks bro.

[@bugrakahvecioglu9970]

We just want to learn from you. Please bring more apps 🙏🙏🙏

[@bhaskarkale2560]

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.

[@martin.m.marshall]

Mitch, can you make a video on tips to improve our UI & UX design skills?

[@ozurumbaonwuasoanya]

My IDOL

[@maxx4688]

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

[@sithikr1193]

Great 🎉

[@indianapapi]

Great video as always, are you going to do a minimum video player app?

[@szilardlang]

Awesome tutorial, it worked almost perfectly. I miss the shuffle and repeat functionality though. 🤔

[@bashiruibrahim8443]

Thank you sir

[@jineethe5759]

its the best,

[@sumirandahal76]

thank u mitch , lets codeee purple heart!!!

[@daminrido2269]

Big fan mitch.. I have been stalking you🤪

[@goldeniroakaziy958]

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 🙏?

[@Barthromew]

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)

[@hq_net]

It is a nice and fluent content. 😊😊

[@createdbykoko]

❤️

[@priboi288]

Can you make a tutorial on just_audio and audio_service package

[@ashikmahmood4018]

Will you plz add minimize and playing music on background functionality plz

[@josheleazar1605]

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?

[@MitiRoustchev]

This is a great tutorial. Fantastic job. The resume is not working for me. Any idea whz?

[@omkartambe5383]

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.

[@createdbykoko]

Provider ruclips.net/video/uQuxrZE2dqA/видео.htmlsi=EX8p9JF5OCQTZtIR
Social media app ruclips.net/video/zohXXZBUVYI/видео.htmlsi=Er8ze57iDWQmPUUN

[@mansipatel2220]

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

[@poisonels8023]

Thanks. But does it work in background?

[@DanDan-kx4zv]

Hi mitch. Can you create a radio application with Flutter.

[@nicatnaghiyev]

Hi, what is your laptop's parameters? Is 8 gb macbook enough?

[@kevin_oconnell]

AMAZING…. ❤❤❤
Do the songs continue to play if you navigate away from player screen?

[@davidyaoafedo783]

no they don't

[@user-mv9iz7uu6w]

need also Make A Sound Recorder In Flutter with saving in screen as audioPlayList

[@user-pn7kg6qv4s]

@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

[@vikashtiwari8360]

Please make video on. Flutter+ appwrite

[@user-zs5re2tg6s]

How about the repeat and shuffle functionality? Give it a hint.

[@chinmayyyyyyy]

Bro please video on Rest APIs

[@herewegoeth]

hey mitch, thank for the video as always. can you please clone dribbble designs like you used to?

[@wesleysilveira5692]

that would be awesome

[@herewegoeth]

​@@wesleysilveira5692 yeah, I really like those tutorials and I even watch them eating snacks😅

[@createdbykoko]

yeh sure i love cloning dribbble designs. u should recommend me some

[@herewegoeth]

@@createdbykoko you can clone the design you like

[@JunaidhFardeen]

Really a great video. Great learning and more to learn

[@rajwalker5493]

Minimise and play can be added?

[@karlelisee]

is this possible to create a crud for uploading songs by myself in my phone ?

[@MUDDLED]

Could You Please show us FirebaseFirestore queries and nested collection operations?

[@bufloks893]

Sir, can you create a tutorial and app that is API-based i like the way you speak; make me get it easily.

[@hasansafi3341]

how to use this audioplayer plugin with background audio service notification in this tutorial?

[@anonymous-ty2lv]

Can we drag the audio from where we want it to play? From that slider?

[@ritikParashar91]

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

[@achieverstv8244]

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?

[@Caaqil239]

How to add upload from phone or load from phone

[@user-ii5rp4rq5l]

can you make a video on flutter bloc??????

[@vinay3770]

how to fetch this audio from our local storage if we need to on our android phone

[@amshulmp7231]

What about local file accesed player

[@tayyabjaveed]

Bro plz someone help me I am stuck at 12:51 because there is no consumer wedget in my flutter vscode

[@PRO-to7il]

Tutorial on flutter sqflite

[@beastkut]

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 ?

[@eiji_yt_channel]

use bouncing physics

[@realSeyitan]

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?

[@subhanibrahimli6880]

Did you find the answer to your question?

[@anonymous-ty2lv]

Is this video friendly for beginners?

[@createdbykoko]

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: ruclips.net/video/HQ_ytw58tC4/видео.htmlsi=KsdwTCubf5pyc26l

[@surjasekharsengupta6358]

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)

[@akshatoppp]

Did you got soln

[@hann2103]

I want to ask if the sound appears when it starts

[@createdbykoko]

yes it does

[@chanderthakur9005]

10:01

[@user-fr6wl1eu3v]

The logic is quite complicating to me , Any advice sir

[@budditamang8977]

audio is not playing

[@AdhamFaisal875]

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) {},