Giter Site home page Giter Site logo

asrorjon7 / musicapp-kmp Goto Github PK

View Code? Open in Web Editor NEW

This project forked from seabdulbasit/musicapp-kmp

0.0 0.0 0.0 264 KB

This is a music player app built using Compose Multiplatform UI that works on #Android, #iOS, #Desktop, and #Web platforms.

JavaScript 0.13% Ruby 0.09% Kotlin 97.75% CSS 0.24% Swift 0.89% HTML 0.91%

musicapp-kmp's Introduction

Music Player App Using Compose Multiplatform

This is a music player app built using Compose Multiplatform UI that works on #Android, #iOS, #Desktop, and #Web platforms.

Platforms

The app uses different media players on different platforms:

For iOS, AVKit is used For Android, Media Player is used For Desktop, VLCJ media player is used For the Web, an HTML media player is used.

Integration with Low-Level APIs

One of the objectives of building this app was to explore how Compose UI interacts with low-level APIs. The experience was challenging yet fun, and the process taught me a lot. Out of all the media players used, integrating with the Web Media Player was the easiest. I'm grateful to IceRock Development and Aleksey Mikhailov for their demo application, which was a fantastic learning resource.

Running the app

  • Clone this repository:
git clone https://github.com/SEAbdulbasit/MusicApp-KMP.git
  • Open the project in Android Studio or IntelliJ IDEA.
  • Search for TOKEN file in the code and replace the placeholder with your Spotify access token. You can generate a new token from the Spotify Developer Dashboard.
  • Run the app on your desired platform. There are a few known issues with the Music Player app using Compose Multiplatform UI:

Known Issues

  • When you click "Select All" on Android, Web, and Desktop, the app will auto-play the selected tracks and continue playing the next track when the previous one ends. On iOS, there are issues with the callbacks for onReady and onVideoCompleted which is causing the player to not start automatically. I was unable to configure the callbacks but hopefully, will be fixing that soon.

Demo

Screenshot 2023-03-05 at 4 44 45 PM

Repository

To explore what Compose UI can do, check out the repository for the latest updates: https://github.com/SEAbdulbasit/MusicApp-KMP.

If you're interested in getting started with Compose Multiplatform, I have a template for you here: https://github.com/SEAbdulbasit/KMP-Compose-Template.

If you find my work helpful, please consider giving it a ⭐ ❤️.

Other Projects

TravelApp: https://github.com/SEAbdulbasit/TravelApp-KMP

Technologies and Libraries Used

  • Kotlin
  • Compose Multiplatform UI
  • AVKit Media Player
  • VLCJ media player
  • HTML media player
  • Compose Image Loader

Credits

I'm grateful to IceRock Development and Aleksey Mikhailov for their demo application, which was an invaluable resource.

musicapp-kmp's People

Contributors

seabdulbasit avatar ranger163 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.