# Music Player App Using Compose Multiplatform KMP
This is a music player app built using Compose Multiplatform UI that works on Android, iOS, Desktop, and Web
platforms. It uses the spotify api for fetching the top 50 charts and getting the trending albums. The Google login is still in pending
and for now, you need to add the spotify token manually. You can easily hit the endpoint [here](https://developer.spotify.com/documentation/web-api/reference/get-an-album) to get the album
and then get the token and set in the app.
## Platforms
The app uses different media players on different platforms:
For iOS, AVKit is used
For Android, Media Player is used
For Desktop, VLC 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](https://developer.spotify.com/console/get-album-tracks/).
- 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 autoplay 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
## 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
- VLC media player
- HTML media player
- [Compose Image Loader](https://github.com/qdsfdhvh/compose-imageloader)
- Decompose
TODO
- Add google login
- Add local db to save favorite playlist
- Add implementation for recent releases
About This是一款音乐播放器应用，使用Compose多平台UI和KMP构建，可在Android、iOS、桌面和Web平台上运行。.zip （92个子文件） 
新建文本文档.txt 1KB
MusicApp-KMP-master 
gradle.properties 676B gradle wrapper 
gradle-wrapper.jar 60KB gradle-wrapper.properties 221B webApp src jsMain resources 
index.html 522B kotlin WebApp.kt 991B build.gradle.kts 631B androidApp src main java com example musicapp_kmp android MainActivity.kt 961B MyApplicationTheme.kt 1KB res values theme.xml 389B styles.xml 97B AndroidManifest.xml 895B build.gradle.kts 1KB gradlew.bat 3KB gradlew 8KB .gitignore 398B shared src commonMain kotlin com example musicapp_kmp main.common.kt 2KB chartdetails ChartDetailsViewModel.kt 2KB ChartDetailsViewState.kt 459B ChartDetailsLarge.kt 9KB ChartDetails.kt 10KB decompose PlayerComponentImpl.kt 1KB PlayerComponent.kt 649B DashboardMainComponent.kt 368B ChartDetailsComponent.kt 803B MusicRoot.kt 591B ChartDetailsComponentImpl.kt 1KB MusicRootImpl.kt 6KB DashboardMainComponentImpl.kt 762B dashboard DashboardViewState.kt 665B DashboardScreen.kt 11KB DashboardScreenLarge.kt 4KB DashboardViewModel.kt 2KB player MediaPlayerController.kt 246B MediaPlayerListener.kt 138B MyApplicationTheme.kt 2KB Token.kt 326B network SpotifyApiImpl.kt 2KB SpotifyApi.kt 574B models featuredplaylist ExternalUrls.kt 242B Item.kt 939B Image.kt 327B Tracks.kt 276B Owner.kt 496B Playlists.kt 528B FeaturedPlayList.kt 306B newreleases Item.kt 929B ExternalUrlsX.kt 238B Image.kt 316B Albums.kt 520B NewReleasedAlbums.kt 240B Artist.kt 478B topfiftycharts ExternalUrls.kt 365B Item.kt 656B Image.kt 325B Tracks.kt 523B Owner.kt 494B Album.kt 1KB TopFiftyCharts.kt 1008B ImageX.kt 443B Track.kt 1KB AddedBy.kt 559B Followers.kt 277B VideoThumbnail.kt 357B ExternalIds.kt 356B ArtistX.kt 604B playerview PlayerViewState.kt 375B PlayerView.kt 7KB PlayerViewModel.kt 2KB androidMain kotlin com example musicapp_kmp player MediaPlayerController.kt 2KB main.android.kt 1KB jsMain kotlin main.js.kt 1KB com example musicapp_kmp player MediaPlayerController.kt 978B macosX64Main kotlin com example musicapp_kmp player MediaPlayerController.kt 394B iosMain kotlin com example musicapp_kmp main.ios.kt 2KB player MediaPlayerController.kt 2KB macosArm64Main kotlin com example musicapp_kmp player MediaPlayerController.kt 394B desktopMain kotlin main.desktop.kt 1KB com example musicapp_kmp player MediaPlayerController.kt 3KB build.gradle.kts 3KB iosApp Podfile 101B iosApp iOSApp.swift 614B LifecycleHolder.swift 414B Info.plist 1KB iosApp.xcodeproj project.pbxproj 14KB kotlin-js-store yarn.lock 127KB README.md 3KB settings.gradle.kts 1KB desktopApp src jvmMain kotlin Utils.kt 464B DesktopApp.kt 4KB build.gradle.kts 686B build.gradle.kts 2KB资源评论
野生的狒狒
- 粉丝: 3363
- 资源: 2363
下载权益
C知道特权
VIP文章
课程特权
VIP享7折，此内容立减5.97元 开通VIP
最新资源
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
