This is a music player app built using Compose Multiplatform UI that works on #Android, #iOS, #Desktop, and #Web 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:
- 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
onVideoCompletedwhich is causing the player to not start automatically. I was unable to configure the callbacks but hopefully, will be fixing that soon.
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 ⭐ ❤️.
Technologies and Libraries Used
- Compose Multiplatform UI
- AVKit Media Player
- VLCJ media player
- HTML media player
- Compose Image Loader
I’m grateful to IceRock Development and Aleksey Mikhailov for their demo application, which was an invaluable resource.
Is it okay to use runBlocking?
In this video I’ll talk about when it’s fine to use the runBlocking function from Kotlin coroutines and when you...
Mobile App Development Best Practices – 07.12
KSP2 Preview, Mastering in SwiftUI, How to implement gamification and more!
Gemini is the new foundation for artificial intelligence in Android
Foundation models are trained on a variety of data sources to create artificial intelligence systems that can adapt to a...
Google has released AlphaCode 2 based on Gemini
Google today, along with its Gemini artificial intelligence model, unveiled AlphaCode 2, an improved version of the AlphaCode code generator...
ColorfulX – Metal for crafting multi-colored gradients
ColorfulX is an implementation using Metal for crafting multi-colored gradients. ColorfulX Platform UIKit and AppKit platforms are generally supported. Due to MTKView not...
Mobile App Development Best Practices – 06.12
Power of enums, A New Foundation for AI on Android, developer dogmas and more!