Flutter App Development | Flutter EBook App UI With Audio Player | Flutter UI Tutorial

Channel:
Bangladesh dbestech
Subscribers:
135,000
Published on ● Video Link: https://www.youtube.com/watch?v=bt61-hktOrc


Category:
Tutorial
Duration: 1:17:34
46,597 views
936

This is a flutter App Development Crash Course Tutorial 2021. This would be flutter crash course for beginners how to build flutter app using beautiful Flutter UI and build an audio player. We will learn how to build an audio player using the AudioPlayers plugin and customize it further. This is the app ideas for Flutter Library app, Flutter Reading app, Flutter online book app, flutter ebook app.
BLoC, Riverpod and Getx video player app
https://youtu.be/NQnzDKQA2aE

Visit my patreon page to get the full source code with assets
https://www.patreon.com/dbestech

Build Flutter App Backend With Rest API Step by Step
https://youtu.be/kTrbcb21ENU


This app is compatible both for iOS and Android versions where we play audio from url. This audio streaming app you can play, pause, loop, repeat, fast forward and slow backward. This is also advanced flutter project.

This tutorial is suitable for e-book or audio player, education app building. You will learn how to build interactive app where we load assets from JSON files.

In this tutorial we have the below things
1. Creating projects
2. Loading assets
3. Load and read JSON files
4. Loop through decoded JSON
5. Building the UI for the audio
6. Use basic dart to load JSON file

The most important Flutter UI components or widgets used are down below
1. Stack Widget
2. Positioned Widget
3. NestedScrollView Widget
4. SliverAppBar
5. ListView.Builder
6. PageView.Builder
7. Material
8. BoxDecoration
9. DecorationImage
10. DefaultAssetBundle


Appreciate our work by donating a coffee on paypay. It's mike@moniredu.info
See the next part of the tutorial in the below link
https://www.youtube.com/watch?v=CF3Q7YfvH7Q&feature=youtu.be

⏰ Timestamps in This Video ⏰
0:1:16 Create a project
0:2:25 Define the color globally in a separate file
0:3:48 Define safearea for your app in flutter
0:5:01 Show menu icon using an image at the top of your app
0:10:25 Top scrollable carousel sliding left to right or right to left for the app
0:12:45 You need to set up pubspec.yaml file and asset settings
0:22:08 Load JSON file
0:26:06 Loop through the decoded JSON file show the image dynamically
0:29:40 Scrollable tab bar
0:30:30 NestedScrollableView with Expanded Widget
0:31:30 Initialize ScrollController and TabController
0:33:50 headerSliverBuilder and it's function
0:34:30 SliverAppBar , TabBar and it's children with preferredSize set the height to using size.fromHeight to set the height of the app bar.
0:42:37 TabBarView with it's content in ListTile
0:44:30 Style TabBar
0:55:10 TabBarView with scrollable content using ListView.Builder loop through
1:17:00 Get ready for Audio Player building
The main purpose of the tutorial is how to build an efficient audio player and load remote url and play them one by one.

Available use cases
1. audioplayers
2. Flutter_sound
3. video player
4. audioPlayer使用
5. soundpool
6. just_audio
7. audio recorder
8. Flutter pub
9. Flutter layout
10. Flutter introduction
11. Flutter Step
12. Flutter 教程
13. Audio player from URL or internet
14. Audio book
15. Audio player background flutter music player flutter ui design flutter audio ui flutter audio player



Other Videos By dbestech


2021-07-07Flutter Web Navigation Bar Tutorial Using Inkwell | flutter Responsive UI | flutter web development
2021-07-04Drawing 3D Objects in Flutter | Flutter Custom Painter | Complex Animation UI Tutorial | Shader Mask
2021-07-01Carousel Slider Indicator Image Carousel in Flutter | Carousel Widget | Responsive Indicator | Card
2021-06-28Carousel Slider Flutter | Responsive | Carousel Image Slider Flutter | Flutter Slider Full Screen
2021-06-27Flutter Image Animation | Move Background Image | Flutter Add Background Image Position
2021-06-23Deploy Flutter Web to Server | Flutter Web Hosting | Flutter Web Deploy
2021-06-22Flutter Card UI | Flutter Listview | Flutter Card Widget | Flutter UI Design | Scrollable Listview
2021-06-20Install Laravel Admin Panel | Admin Dashboard in Laravel | Admin Panel Laravel | Laravel Tutorial
2021-06-19Flutter Backend | Flutter Laravel Backend PHP | Flutter Rest API | Flutter Http Post Request
2021-06-04Flutter Audio Player Tutorial Step By Step | Flutter Music Player | Flutter audioplayer
2021-05-26Flutter App Development | Flutter EBook App UI With Audio Player | Flutter UI Tutorial
2021-05-08Flutter App Tutorial for Beginners | Flutter App from Scratch | Flutter Task Management App
2021-05-01Flutter Game Development Tutorial for Beginners | Flutter 2D Game Crash Course
2021-04-24React Native Multiple Image View Animation Change Source Dynamically | URL String Change Using State
2021-04-19React Native useState and get previous value | Most recent value
2021-04-19React Native useState hook and the order of updated value during executing and rendering
2021-04-19React native useState hook and render
2021-04-19Learn about React Native useState Hook | Function component state management
2021-04-13Build React Native App for Beginners | A Crash Course #react-native-app-for-beginners
2021-04-09React native modal animation popup example with overlay | Blurry background color and style
2021-04-06Flutter unimplemented handling of missing static target | flutter-error


Tags:
flutter book ui
flutter audio ui
flutter app ui from scratch
flutter audio book app ui
flutter audio book listening app ui
flutter crash course for beginners
flutter audio streaming app
flutter ui design
flutter education app ui
flutter and dart mobile ui
learn futter step by step
flutter learn basics
flutter audio player
AudioPlayers plugin
flutter audio recorder
e-book app
flutter music player
flutter tutorial for beginners
flutter ui speed code