Flutter Audio Players and Background Audio (Assets, URLs, & Playlist) | Learn Flutter Fast

» Flutter courses, writeups, and source code on Launch Club 🧠
drp.li/Iq9Bk
» Flutter Job Board 👋
drp.li/T9bLq
Learn how to play audio files from local assets and URLs using just_audio. Arrange them into a playlist and keep audio files playing in the background.
» Resources 📂
Just Audio Package: pub.dev/packages/just_audio
Just Audio Background Package: pub.dev/packages/just_audio_b...
Cached Network Image Package: pub.dev/packages/cached_netwo...
Audio Video Progress Bar Package: pub.dev/packages/audio_video_...
rxdart Package: pub.dev/packages/rxdart
» Socials📱
GitHub: github.com/MarcusNg
Twitter: / marcuslng
» Timestamps 🕒
0:00 Intro
0:16 Pubspec, iOS, and Android Setup
1:40 AudioPlayer from Local Assets
2:00 Controls (Play/Pause)
2:24 Progress Bar
3:17 AudioPlayer from URL/Network
3:33 Playlist
5:04 Background Audio (Lock Screen/App In Background)
» Music 🎶
Lakey Inspired ( / lakeyinspired )
#Flutter #FlutterAudioPlayers #flutterdeveloper

[@MuhammadVaid]

This was such a great tutorial - excellent content and so efficiently delivered! It was also exactly what I was looking to achieve. Thanks Marcus! 🙌

[@so7300]

Great video, I was just looking for this, incredibly helpful!

[@MaxChing-qd8uv]

Hi Marcus, great tutorial as usual!!! I'm eagerly waiting for your new big courses....

[@djibrilmugisho5874]

thanks, bro you turned my nightmare into a blessing I spent one week trying to do this and now it took me some minutes to have everything up and running.. once again thank you

[@RajA-me9cl]

Clear and concise. Thank You Marcus.

[@smithkt894]

Man you are a legend, you deserve more subscribers.

[@Alan-jd3mi]

You are a legend

[@burntleaves1178]

The best flutter tutorials are from Marcus, always learn a lot

[@cyeg12c]

Great video, Thank you

[@skyisthelimpet]

This is the quality content that i wanted. There is not a single second that is wasted. Thanks for this amazing video. I wish every KZbinr was like you.

[@on_living_life]

Marcus is 🔥🔥🔥

[@designtechstuff7751]

At 3:57 there's an unnecessarily lengthy pause.

[@designtechstuff7751]

Just kidding. This guy is a genius and this is the first background tutorial that I've found that actually works after days of frustration. Thanks so much!

[@tanjimahmed213]

You saved my day!!

[@3alemneUp]

Hello Marcus, first thank you for these great tutorials. Could you please make 3 videos to explain the following points for beginners: 1. adding Admob to Flutter (banner, native, reward video). 2. In app purchase 3. Flutter Widget lifecycle (Widget state) Thank you again :)

[@tuanngovan7735]

Great video!!

[@Youngbalante]

Merci beaucoup 🙏

[@UCDAT]

Marcus a great person not time waster thank you Sir Marcus! We remember you!

[@lilpux7390]

Such a very good things.

[@iyasushiferaw7102]

Hey Marcus, Any tips on how to keep the audio playing when we navigate away from the current screen?

[@SalarPro]

Thank you

[@DjBillman]

Hi, I have a question. I have a Radio App template where I'm streaming audio from shoutcast. The app only displays the name of the radio and a description from a database on my hosting. I would like to add the artist and song title streaming from the shoutcast stream into the current player I have. Would you have an advice on how I could do this. Thanks

[@KashifAli-Hollow]

Great video

[@MrJugi2]

how do you handle the state of your play icon when another player plays music

[@kuroodo_]

I'm trying to using the record package with the just_sound package, as well as just_sound_windows. When I use record to record audio and encode it using aacLc, just_sound has a media error without any information. The only encoder I find that works for all platforms and the just_sound package is opus. But for my use case I don't want to use opus. Do you have any suggestions, or perhaps a better recording package? I'm trying to build an application that runs on android, iOS, web, Windows, macOS, and if possible Linux.

[@user-tk6rv7ht3k]

Thanks Marcus for your time. But please what about if I want to make use of the just_audio_cache such that I am able to cache audio url web links and play audios from the cache memory? How should I go about it?

[@larakreisz6764]

Awesome like always 😊😍

[@vistauz]

Hello. What a great tutorial. And now what about adding the list of playlist screen. When any music clicked it should open the page of music and begins playing. AND ALSO, what about adding a functionality to save played songs to cache. And when it is loaded fully, saving the cache as music to a custom folder from user's storage or in android data folder? I mean audio starts downloading when it begins to play audio. Or also we may add a button to download or remove. It shows download icon when music is not downloaded. And it will become delete icon when it the music has finished caching/downloading fully. Also, we may add a dialog to confirm download/removal of music when the button is clicked. Can you show how to do that in the next video? Please, this really need to me.

[@shakirali4877]

Hello Sir, Thank you for your great tutorial, i followed you and its working... i have a list view with json data and i want to play each audio when i clicked at each index item ... could you please help me how to do this using just audio and background player package... thank you

[@usamahaider7865]

sir can we in PageView images with background audio when scroll then change audio and img it can possiable please make an video upon it...!

[@igdagusryankurniantara1053]

is it the background audio stoped when the app is close ? how to stop the audio background man ?

[@bassem0708]

Hei, can you please make the same app but get the songs from firebase?

[@S-Lomar]

Thanks for sharing ❤️💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕

[@bluemedian1012]

but how to show it in a list so that i can pick a song insteads of going thru all the song

[@falfit.]

Is it possible to customize the notification UI / lock screen UI?

[@arkatanukundu_171]

I am trying to use Firebase as database for audio files along with this... but adding firebase initialize in main along with just_audio background initialize doesnt work. If anybody knows how to solve this plz help

[@willzembergsilva]

Hello Marcus, congratulations for the video and the tutorial. I would like to implement it in my project. How can I see this project and where? Do I pay something?🙂

[@user-rf7dg9wl2j]

plzz share code this files

[@DoremiMali]

Hi, can you make a tutorial for creating an audio playlist with rootbundle assets/audio. Please

[@elwansa9825]

Exusme sir, simple budget tutorial barHeight goes to right direction not to top dirctions. How to fix it?

[@tulasireddy6557]

Please develop video player app also with offline and online support

[@snickr6377]

🔥🔥🔥

[@trickswithandro749]

Thanksssssssss

[@priboi288]

Any tutorial on audio_service and just_audio ?

[@acerlmt]

5:35 Multidex minSdkVersion 21 - Android 5

[@almightykodadon]

I keep getting Exception has occurred PlayerException (0) source error) it’s right at the await _audioPlayer.setAudioSource(_playlist);

[@ernestosmr]

Me too, did you fix this?

[@Salmos-qy3kh]

Hello everybody, I'm trying to follow the video but I have an error in minute 2:23, the error say, "invalid constant value" when I'm trying to send _audioPlayer parameter to Controls ... any idea? .. thanks

[@philjacks8531]

I had this issue. I was declaring the parent 'Column' with a const. I removed the const keyword & it fixed

[@bambanx]

thanks do you have the code in github?

[@slartibartfastsmith386]

Hi Marcus -- What's the process to get access to Launch Club, I've subscribed, confirmed subscription but nothing seems to change -- hitting Get Access button just repeats the process -- There is no option in Login to create an account

[@on_living_life]

Courses are up!

[@shahidsaif8932]

Hello, Great video I am having an issue where the thumb and progress are not updating as the video gets played. Anyone have a fix? Thanks

[@TusharSTalks]

facing same issue

[@Englishwithodo]

Nice tutorial. I tried to do the same but there aren't buttons in background for ios. For Android they work. What I am doing wrong? Update: I found out that the buttons in Simulator is invisible but they are working fine on a real device.

[@AsmrProg]

Hi bro, please can i ask your channel rpm?

[@MWStudiooo]

Can you please make a music player playing local songs from device?

[@iyasushiferaw7102]

you can use the path_provider package to get the directory where the audio is stored and pass it as an audio source.

[@lilpux7390]

5:04 เล่นใน Background Audio lock screen

[@tanjimahmed213]

Everything working fine but, controls panel buttons are grayed out. Like play pouse button on cotrol panel. they're not visible.

[@Englishwithodo]

On physical device they work fine

[@Salmos-qy3kh]

@@Englishwithodo hi... I'm trying to follow the video but I have an error in minute 2:23, the error say, "invalid constant value" when I'm trying to send _audioPlayer parameter to Controls ... any idea? .. thanks

[@AdhamFaisal875]

Make A Sound Recorder In Flutter please save recordes

[@erenjaeger555]

not working the music is not playing

[@liker12345ffff]

Pls source.

[@lilpux7390]

3:38

[@myheartwentoops2938]

1:40

[@haticecayr7944]

1:41

[@daudtk441]

Big fun yourr how to get this source code there is no this file in GitHub ???

[@zend969]

what is MEDIAITEM ???

[@zend969]

i finally got it .. here at 3:44 thanks a lot for the great video very helpful

[@masoumi-td7fg]

The best.

[@zetreox2247]

The tutorial worked great apart from i could view media notifications on android, however i managed to fix this by adding with the other permissions in the android manifest file (I assume this is because i am using android 14 and this tutorial was made for android 13)

[@esneiderbertel9813]

you could make an app to perform strems or live

[@robotcanfly4864]

Can share your code?

[@robotcanfly4864]

[ERROR:flutter/runtime/dart_vm_initializer.cc(41)] Unhandled Exception: type 'Null' is not a subtype of type 'MediaItem' in type cast

[@Basile-hv9wq]

@@Athavands4 Yeah so we just have to create a new class of MediaItem and set the sond id , title, artist, image src (artUri) to each songs, right? Répondre