Music-App-Flutter - This is a flutter app which has some songs displayed in the form of a list and user can play any of them by clicking on the name of the song.

Overview

music_player_app

A music player app made by me in flutter
About the App
This is a music player which i made to play audio files which we have passed in the asset folder of this project or audio files which we have specified a path for.
As the app is opened a splash screen is shown for the first 3-5 seconds depending upon your loading time. After this next screen which has the list of the song is displayed. The list is horizontal as well as vertical scrollable at some parts. When you click on any of the List item or the cards displayed, another screen will appear with an image of the song displayed and the song being played. There is a condition in this like if there is an 'x' song playing and you click on the card of 'y' song then x song will stop and y song will start playing. A slider, song duration, and current position in the song will also be displayed which will be changing each second. Below these, we have a six icon buttons for liking the song, playing next and the previous song, playing and pausing the song and for playing the song in a loop. Out of the six mentioned icon button only two of these which are play and pause work currently. You can change the song duration by sliding through the slider.
In the app bar of each of the screen, we have an Icon button taking you to the profile page and a pop-up menu button which has a Logout and setting feature which is just for display.
The songs keep on playing until you press the pause button or close the app or click on the card or list of another song.
Note:-I have added a fix image and song for the whole app and each time you will be hearing the same song and seeing the same image.
Things which are done in this app involve:-

  • Stateful and stateless widgets
  • Song playing and pausing
  • Multiple screens
  • Actions in appbar
  • Splash screen with GIF
  • Horizontal and vertical scrollable list

Built using:-

  • Flutter

Some snaps from the app:-

Getting Started

This project is a starting point for a Flutter application.

A few resources to get you started if this is your first Flutter project:

For help getting started with Flutter, view our online documentation, which offers tutorials, samples, guidance on mobile development, and a full API reference.

You might also like...

First Open Source Flutter based material design music player with audio plugin to play online music

First Open Source Flutter based material design music player with audio plugin to play online music

Flutter Music App First Open Source Flutter based dribbblel Design Music Player. logo free design http://www.freeuid.com/category/free material icons

Jan 4, 2023

Startup-Name-Generator-App-in-Flutter - Business Startup Name Generator App in Flutter

Startup-Name-Generator-App-in-Flutter - Business Startup Name Generator App in Flutter

Business Startup Name Generator App #About APP: A simple mobile app that generat

Jan 30, 2022

Arissettingsmenuexm - Settings Menu with different choices by clicking on a Popup Menu Button in Flutter

Arissettingsmenuexm - Settings Menu with different choices by clicking on a Popup Menu Button in Flutter

Flutter Tutorial - Settings Menu & AppBar Dropdown Menu Show a Flutter Settings

Jan 9, 2022

An introduction slider has some screens that can use to describe your application.

An introduction slider has some screens that can use to describe your application.

An introduction slider has some screens that can use to describe your application. You can describe your application's title, description, logo, etc. It comes with several features.

Dec 7, 2022

Rajagiri connect is a networking platform that enables the students of Rajagiri to form a social network among themselves, enabling them to connect with their seniors, juniors and faculty for sharing of information and resources.

Rajagiri Connect Rajagiri connect is a networking platform that enables the students of Rajagiri to form a social network among themselves, enabling t

Nov 27, 2022

Allows communication between your bot and the Web App built in Flutter displayed inside Telegram.

tele_web_app It enables communication between your bot and the Flutter-embedded Web App displayed inside Telegram by making use of interoperability be

Dec 8, 2022

Flutter form fields designed to take much of the burden of form-related coding off the programmer's back — masks, validations, keyboard type, etc.

Flutter form fields designed to take much of the burden of form-related coding off the programmer's back — masks, validations, keyboard type, etc.

well_formed Contents Overview Getting Started Demo application References Overview Well-Formed Widget Fields - Well-Formed - is a collection of Flutte

Nov 2, 2022

A Flutter package that provides a dropdown form field using a dropdown button inside a form field.

A Flutter package that provides a dropdown form field using a dropdown button inside a form field.

Dropdown form field A dropdown form field using a dropdown button inside a form field. Demo Features Can be used as regular form field. Simple to impl

Jan 1, 2023
Owner
Harsh Kumar Khatri
Currently pursuing BTech. at Career Point University, Alaniya.|| Learning skills apart from knowledge is my passion.|| Coding...
Harsh Kumar Khatri
Automatically generate profile picture with random first name and background color. But you can still provide pictures if you have them. As the default color, based on the name of the first letter. :fire: :fire: :fire:

FLUTTER PROFILE PICTURE Automatically generate profile picture with random first name and background color. But you can still provide pictures if you

Aditya Dharmawan Saputra 10 Dec 20, 2022
Song Tinder aims to ease the pain of managing song playlists

Song Tinder aims to ease the pain of managing song playlists. This is done by mainly focusing on a Tinder-like swipe card based interface which can be used for anything from sorting your existing playlists to finding new music.

null 5 Nov 17, 2022
User auth form - Signup and signin user auth form with ability to stay signed in and have an option to signout.

user_auth_form SIgnup and signin user authentification form Getting Started This project is a starting point for a Flutter application. A few resource

null 0 Jan 6, 2022
Ali Türkay AVCI 1 Jan 20, 2022
This is a MVP our app's. The app get the song's list on firebase and display then you can be listen App features.

music_app Requirements: flutter version 3.0.3 Dart 2.17.5 Firebase CLI 11.1.0 flutter sdk: >= 2.15.1 < 3.0.0 flutter dependentcies: http: 0.13.4 mvvm:

Lê Hồng Minh 3 Aug 2, 2022
This is a radio app where you can ask Alan AI to play some music.

AI-Powered Voice Assistant Flutter Radio App This is a radio app where you can ask Alan AI to play some music. Alan AI: https://voice.alan.app/MTechVi

Pawann Kumaarr 211 Jan 3, 2023
Google play scraper for flutter and dart created form

Google Play Store Scraper Dart and Flutter Google Play Store Scraper for flutter and dart helps you to get apks information from google play store. Im

Sifat 3 Sep 14, 2022
Flutter package to create list of radio button, by providing a list of objects it can be a String list or list of Map.

Custom Radio Group List Flutter package to create list of radio button, by providing a list of objects it can be a String list or list of Map. Feature

Ashok Kumar Verma 0 Nov 30, 2021
A Flutter widget that forces the device rotates into the set of orientations the application interface can be displayed in.

A Flutter widget that forces the device rotates into the set of orientations the application interface can be displayed in. Features Force device keep

De Men 1 Nov 30, 2021