The music app developed based on a dribble design.

Related tags

Templates music dart flutter dartlang dart-frameworks dart-library flutter-plugin flutter-apps flutter-material flutter-examples desitination
Overview

Flutter Music App

A new Flutter Flutter Music App built playing with animation and local music files from Soundcloud

Getting Started

For help getting started with Flutter, view our online documentation.

The Screen

This is how the it looks like on android device
. .

To-Do

  1. Add Dynamic Permission for Audio Setting in Android lib dynamically
  2. Refine UI
  3. Test on iOS device
You can do a pull request and merge the any feature you want or want to fix the above To-Dos

To Run the app in your local machine

Clone the repository and user

flutter run

to hot reload the project press,

r

What will you learn,

  1. How to Implement Custom UI based on Image

  2. Implementing Seekbar

  3. Implementing Canvas,Draw, Exapnd Layout, Dynamic Data etc

  4. Static UI

  5. Seekbar Painting

  6. Seekbar Dragging

  7. Audio Player

  8. Audio Playlist

  9. Audio Visualizer

Built By

MIT License

Copyright (c) 2018 Himanshu Singh

Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE.
You might also like...

Kadi, A flutter based music Player

Kadi, A flutter based music Player

Kadi Music Player OpenSource Flutter Based Music Player with Fantastic UI Demo App Clone Build Run Features Android (iOS Coming Soon) Fetch local song

Jun 2, 2021

Crypto Loss Gain Calculator App build with Flutter. It developed with DDD (Domain Driven Design) principles.

Crypto Loss Gain Calculator App build with Flutter. It developed with DDD (Domain Driven Design) principles.

Crypto Loss Gain Calculator Crypto Loss Gain Calculator App build with Flutter. It developed with DDD (Domain Driven Design) principles. Domain-Driven

Dec 27, 2022

Facebook-redesign - An app developed that show a Facebook inspired UI design

Facebook-redesign - An app developed that show a Facebook inspired UI design

Superbe Lecteur de Musique fait avec Flutter ! Captures d'Écran Construire depui

Jul 7, 2022

Multi Translator build with Flutter, It developed with DDD (Domain Driven Design) principles.

Multi Translator build with Flutter, It developed with DDD (Domain Driven Design) principles.

Multi Translator App An app utilizes to translate any text to multiple languages. Features Localization Multiple Translation Single Translation Deep L

Dec 27, 2022

News App developed with Flutter featuring beautiful UI, category-based news, story for faster news reading, inbuilt article viewer, share feature, and more.

News App developed with Flutter featuring beautiful UI, category-based news, story for faster news reading, inbuilt article viewer, share feature, and more.

Ariel News App developed with Flutter featuring beautiful UI, category-based news, story for faster news reading, inbuilt article viewer, share featur

Nov 9, 2022

Excersises-app - Flutter excersises app design with 2 design pages

Excersises-app - Flutter excersises app design with 2 design pages

About The Project Flutter excersises app design with 2 design pages only Design

Jan 2, 2022

Space Themed Turn-Based Strategy Game developed in Flutter

Space Themed Turn-Based Strategy Game developed in Flutter

Space Empires 🛸 Introduction 🚀 Space Empires A 4X Space themed Strategy Game made with Flutter Complete Rules and Instruction can be accessed from t

Dec 24, 2022

Space Themed Turn-Based Strategy Game developed in Flutter

Space Themed Turn-Based Strategy Game developed in Flutter

Space Empires 🛸 Introduction 🚀 Space Empires A 4X Space themed Strategy Game made with Flutter Complete Rules and Instruction can be accessed from t

Nov 30, 2021

It's OK to love Flutter and hate hand-coding design elements. Parabeac-Core converts design files into Flutter code.

It's OK to love Flutter and hate hand-coding design elements. Parabeac-Core converts design files into Flutter code.

Parabeac-Core Parabeac-Core converts design files into Flutter code driven by open-source & community. Contribute · Discord Community · Designer Proto

Jan 4, 2023
Comments
  • RuntimeException

    RuntimeException

    Process: com.example.musicplayer, PID: 9480 E/AndroidRuntime( 9480): java.lang.RuntimeException: Methods marked with @UiThread must be executed on the main thread. Current thread: AudioPlayer io.flutter.embedding.engine.FlutterJNI.ensureRunningOnMainThread(FlutterJNI.java:796) io.flutter.embedding.engine.FlutterJNI.dispatchPlatformMessage(FlutterJNI.java:686) io.flutter.embedding.engine.dart.DartMessenger.send(DartMessenger.java:80) io.flutter.embedding.engine.dart.DartExecutor.send(DartExecutor.java:187) at io.flutter.view.FlutterNativeView.send(FlutterNativeView.java:137) at io.flutter.plugin.common.MethodChannel.invokeMethod(MethodChannel.java:98) at io.flutter.plugin.common.MethodChannel.invokeMethod(MethodChannel.java:84) at io.fluttery.flutteryaudio.FlutteryAudioPlugin$1.onPlayerPlaybackUpdate(FlutteryAudioPlugin.java:83)

    opened by kervishalsinh 0
  • support for flutter 2.3

    support for flutter 2.3

    Hello hi-manshu, Awesome demo, I tried to run it on my local machine and I got the following error, Can you guid me to extract the animation part to it's own library.
    Thank you very much !

    Error message:

    The current Dart SDK version is 2.3.0-dev.0.5.flutter-a1668566e5.

    Because musicplayer depends on fluttery 0.0.5 which requires SDK version >=1.0.0 <2.0.0, version solving failed. pub get failed (1)

    opened by zmazouzi 0
Owner
Himanshu Singh
Android Engineer at Clue (@biowink) and Google Developer Expert for Android and Kotlin
Himanshu Singh
GitHub
This is the UI of Furniture App made using Flutter SDK. The original design was made by someone else in dribble and I tried to create the screens of that UI using Flutter

Furniture App - Responsive Flutter UI Watch it on YouTube Responsive UI Fetch Data From API Custom Loading Indicator Packages we are using: flutter_sv

null 6 Dec 3, 2022
Milao - Implementing milao UI design from Dribble using flutter

milao Milao Flutter project. This project is a a front end design for the milao

Nicholas Maundu 5 Oct 30, 2022
This app has the signup, campaign and notification page(Inspiration from dribble.com)

sitting_design A new Flutter project. Getting Started This project is a starting point for a Flutter application. A few resources to get you started i

TheDaniels 2 Aug 4, 2022
Authentication + Splash Screen Flutter UI, UI created getting inspired from one share on dribble with flutter

Rest App, with Firebase Auth + SplashScreen UI created getting inspired from one share on dribble with flutter, after getting amazing responce, Added

Sanskar Tiwari 202 Dec 17, 2022
Flutter-Musive-app - Full-stack music player app written in flutter and dart using node.js music API

Musive Full-stack music player app is written in flutter and dart using node.js

Ansh rathod 69 Dec 28, 2022
A music player app that allows you to search for music by artist made using Flutter

Music Player A music player app that allows you to search for music by artist. Music source from iTunes affiliate API. Made using Flutter with simple

muhibush 5 Feb 5, 2022
A music player component for Flutter (i.e. Spotify, Apple Music, etc.) [AGPL/example/no longer maintaining]

This is an example I currently have no plans of putting this on Pub. Originally, I did, but I lost interest. However, I think this is a good example,

Tobe Osakwe 215 Dec 12, 2022
A Flutter based to do list app (yes, another to do list... but... this time based on a beautiful design)

✔️ Flutter to do App "To Do List" A Flutter app based on the design of the To Do App, created by Rudi Hartono, see more on: Uplabs. Getting Started ??

Johan 561 Dec 31, 2022
The UI/UX of Music app from Capi Design team.

elexto_music A new Flutter project. Getting Started This project is a starting point for a Flutter application. A few resources to get you started if

null 47 Sep 7, 2021
A complete music player in flutter with cool UI and design.

Flutter Music Player A complete and open source music player designed in flutter. It is first complete music player designed in flutter. This app expl

Aman gautam 423 Dec 30, 2022