Show Song Image with Audio Playlist - Episode #4 - Flutter Audio Player UI Design Tutorial

Published: 21 March 2021
on channel: Florian Prümer
2,046
28

Hey everyone!
This is episode 4 of my series on how to build a beautiful UI for your audio player in Flutter. This design example contains a straightforward setup with a beautiful gradient background. Feel free to try it yourself and thanks for watching the video!


##### VIDEO DETAILS #####

00:00 Setup of Project
01:30 Setup of Class
03:45 Background Gradient
06:38 Audio Image
08:43 Title Bar
10:30 Artist Text
11:34 Slider
14:07 Timestamps
16:00 Play Bar
20:06 Demo

GitHub: https://github.com/FlorianPruemer/flu...

Dribble inspiration: https://dribbble.com/shots/14141945-M...
assets audio players Flutter Package: https://pub.dev/packages/assets_audio...
Asset audio file: All That, Love, The Jazz Piano from https://www.bensound.com/

REMARK: Please be aware that the assets audio players currently only runs on classpath 'com.android.tools.build:gradle:3.5.0'. If you don't want to use a previous gradle version, I suggest to use another Flutter package handling audio files such as just_audio.


##### SUPPORT ME #####

Subscribe:    / florian prümer  
Sponsor me on GitHub: https://github.com/sponsors/FlorianPr...


##### LINKS #####

GitHub: https://www.github.com/FlorianPruemer
LinkedIn:   / florianpruemer  
Pinterest: https://www.pinterest.de/FlorianPruemer

Background Music: Lakey Inspired - Blossom (  / blossom  )


Watch video Show Song Image with Audio Playlist - Episode #4 - Flutter Audio Player UI Design Tutorial online without registration, duration hours minute second in high quality. This video was added by user Florian Prümer 21 March 2021, don't forget to share it with your friends and acquaintances, it has been viewed on our site 2,046 once and liked it 28 people.