- This application uses Jetpack Compose and displays all audio files on the device, especially MP3 and WAV.
- All audio files appear in a list, and each song includes an image of the song, the song name, the artist, and the song's duration.
- When you click on a song, it opens to a second page called PlayerScreen. The song plays automatically, allowing you to control it.
- At the same time, a service is used in the foreground, displaying a notification to the user about the song playing. Users can control the audio file through the notification.
- Clicking on the notification opens the PlayerScreen page, displaying the audio file.
- Splash Screen
- Media List Screen
- Player Screen
- language: Kotlin
- UI layouts using Jetpack Compose
- Multi-screen navigation with Jetpack Compose Navigation.
- DeepLink navigation in compose
- Lottie animation with Compose
- Clean Architecture {presentation - domain - data}
- MVVM architecture
- ViewModel
- Flow
- Dependency injection by (Dagger Hilt)
- Coroutines for asynchronous
- MediaSeasion3 (for audio playback)
- MediaSessionService (fourground service)
- Notification to show current audio
The following diagram shows all the modules and how each module interact with one another after. This architecture using a layered software architecture.
