MusicApp KMP

Complatform KMP를 사용하는 음악 플레이어 앱

이것은 Android, iOS, 데스크탑 및 웹 플랫폼에서 작동하는 Complatform UI를 사용하여 구축 된 음악 플레이어 앱입니다. 상위 50 개 차트를 가져오고 트렌드 앨범을 얻기 위해 Spotify API를 사용합니다. Google 로그인은 아직 보류 중이며 지금은 Spotify 토큰을 수동으로 추가해야합니다. 여기에서 엔드 포인트를 쉽게 눌러 앨범을 얻은 다음 토큰을 가져 와서 앱에서 설정할 수 있습니다.

JetBrains의 공식 웹 사이트에서 찾으십시오

이 저장소는 JetBrains의 공식 웹 사이트에서 KMP 샘플로 나열되었습니다.

살다

당신은 그것을 여기에서 찾을 수 있습니다

플랫폼

앱은 다른 플랫폼에서 다른 미디어 플레이어를 사용합니다.

iOS의 경우 Avkit은 Android에 사용되며 미디어 플레이어는 데스크탑에 사용되며 VLC 미디어 플레이어는 웹에 사용되며 HTML 미디어 플레이어가 사용됩니다.

저수준 API와의 통합

이 앱을 구축하는 목표 중 하나는 UI가 저수준 API와 어떻게 상호 작용하는지 탐색하는 것이 었습니다. 그 경험은 도전적이지만 재미 있었고 그 과정은 나에게 많은 것을 가르쳐주었습니다. 사용한 모든 미디어 플레이어 중에서 웹 미디어 플레이어와 통합하는 것이 가장 쉬웠습니다. 환상적인 학습 리소스 인 Demo Application에 대해 Icerock Development와 Aleksey Mikhailov에 감사드립니다.

앱 실행

• 이 저장소를 복제하십시오.

 git clone https://github.com/SEAbdulbasit/MusicApp-KMP.git

• Android Studio 또는 Intellij Idea에서 프로젝트를 엽니 다.
• 코드에서 토큰 파일을 검색하고 자리 표시기를 Spotify Access Token 으로 바꾸십시오. Spotify 개발자 대시 보드에서 새 토큰을 생성 할 수 있습니다.
• 원하는 플랫폼에서 앱을 실행하십시오. Compos Multiplatform UI를 사용하여 Music Player 앱에는 몇 가지 알려진 문제가 있습니다.

알려진 문제

• Android, Web 및 데스크탑에서 "All Select"를 클릭하면 앱이 선택한 트랙을 자동으로 배치하고 이전 트랙이 끝날 때 다음 트랙을 계속 재생합니다. iOS에는 onReady 및 onVideoCompleted 의 콜백에 문제가있어 플레이어가 자동으로 시작하지 않습니다. 콜백을 구성 할 수 없었지만 곧이를 해결할 것입니다.

데모

저장소

Compose UI가 수행 할 수있는 작업을 살펴 ​​보려면 최신 업데이트에 대한 저장소를 확인하십시오 : https://github.com/seabdulbasit/musicapp-kmp.

Compos Multiplatform을 시작하는 데 관심이 있다면 여기에 템플릿이 있습니다 : https://github.com/seabdulbasit/kmp-compose-template.

내 작업이 도움이된다면 ❤️주는 것을 고려하십시오.

다른 프로젝트

TravelApp : https://github.com/seabdulbasit/travelapp-kmp

사용 된 기술 및 라이브러리

• 코 틀린
• Multiplatform UI를 구성하십시오
• Avkit 미디어 플레이어
• VLC 미디어 플레이어
• HTML 미디어 플레이어
• 이미지 로더를 구성하십시오
• 분해

TODO

• Google 로그인을 추가하십시오
• 좋아하는 재생 목록을 저장하려면 로컬 DB를 추가하십시오
• 최근 릴리스에 구현을 추가하십시오