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

Подписаться 85 тыс.

Просмотров 49 тыс.

50% 1

» 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

Опубликовано:

4 июл 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 79

@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

@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....

@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! 🙌

@RajA-me9cl 9 месяцев назад

Clear and concise. Thank You Marcus.

@smithkt894 9 месяцев назад

Man you are a legend, you deserve more subscribers.

@tuanngovan7735 Месяц назад

Great video!!

@Alan-jd3mi Год назад

You are a legend

@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 :)

@burntleaves1178 Год назад

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

@tanjimahmed213 9 месяцев назад

You saved my day!!

@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 RU-vidr 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!

@cyeg12c Год назад

Great video, Thank you

@Please_dont_waste_your_time 2 месяца назад

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

@Youngbalante Год назад

Merci beaucoup 🙏

@KashifAli-Hollow Год назад

Great video

@lilpux7390 Год назад

Such a very good things.

@SalarPro Год назад

Thank you

@iyasushiferaw7102 Год назад

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

@larakreisz6764 Год назад

Awesome like always 😊😍

@vistauz 9 месяцев назад

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.

@S-Lomar 8 месяцев назад

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

@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?🙂

@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

@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

@MrJugi2 Год назад

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

@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

@falfit. 3 месяца назад

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

@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.

@usamahaider7865 2 месяца назад

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...!

@DoremiMali 8 месяцев назад

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

@priboi288 9 месяцев назад

Any tutorial on audio_service and just_audio ?

@tulasireddy6557 Год назад

Please develop video player app also with offline and online support

@bassem0708 Год назад

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

@elwansa9825 Год назад

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

@igdagusryankurniantara1053 Год назад

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

@bluemedian1012 Год назад

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

@trickswithandro749 Год назад

Thanksssssssss

@snickr6377 Год назад

🔥🔥🔥

@bambanx 11 месяцев назад

thanks do you have the code in github?

@Englishwithodo 6 месяцев назад

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.

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

@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.

@acerlmt 10 месяцев назад

5:35 Multidex minSdkVersion 21 - Android 5

@Salmos-qy3kh 6 месяцев назад

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 5 месяцев назад

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

@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!

@user-rf7dg9wl2j 7 месяцев назад

plzz share code this files

@AsmrProg Год назад

Hi bro, please can i ask your channel rpm?

@liker12345ffff Год назад

Pls source.

@erenjaeger555 3 месяца назад

not working the music is not playing

@masoumi-td7fg 9 месяцев назад

The best.

@AdhamFaisal875 5 месяцев назад

Make A Sound Recorder In Flutter please save recordes

@lilpux7390 Год назад

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

@tanjimahmed213 7 месяцев назад

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

@Englishwithodo 6 месяцев назад

On physical device they work fine

@Salmos-qy3kh 6 месяцев назад

@@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

@lilpux7390 Год назад

3:38

@zend969 Год назад

what is MEDIAITEM ???

@zend969 Год назад

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

@daudtk441 Год назад

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

@myheartwentoops2938 Год назад

1:40

@haticecayr7944 Год назад

1:41

@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 9 месяцев назад

@@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