MusicApp KMP

Aplikasi Pemutar Musik Menggunakan Kompose Multiplatform KMP

Ini adalah aplikasi pemutar musik yang dibangun menggunakan UI multiplatform yang berfungsi pada platform Android, iOS, desktop, dan web. Ini menggunakan API Spotify untuk mengambil 50 tangga lagu teratas dan mendapatkan album yang sedang tren. Login Google masih tertunda dan untuk saat ini, Anda perlu menambahkan token Spotify secara manual. Anda dapat dengan mudah mencapai titik akhir di sini untuk mendapatkan album dan kemudian mendapatkan token dan diatur di aplikasi.

Temukan di situs resmi JetBrains

Repositori ini telah terdaftar sebagai sampel KMP di situs web resmi JetBrains.

Hidup

Anda dapat menemukannya langsung di sini

Platform

Aplikasi ini menggunakan pemutar media yang berbeda di platform yang berbeda:

Untuk iOS, AVKIT digunakan untuk Android, Media Player digunakan untuk desktop, VLC Media Player digunakan untuk web, pemutar media HTML digunakan.

Integrasi dengan API tingkat rendah

Salah satu tujuan membangun aplikasi ini adalah untuk mengeksplorasi bagaimana menyusun UI berinteraksi dengan API tingkat rendah. Pengalaman itu menantang namun menyenangkan, dan prosesnya banyak mengajarkan saya. Dari semua pemutar media yang digunakan, mengintegrasikan dengan pemutar media web adalah yang termudah. Saya berterima kasih kepada ICEROCK Development dan Aleksey Mikhailov untuk aplikasi demo mereka, yang merupakan sumber belajar yang fantastis.

Menjalankan aplikasi

• Klon Repositori ini:

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

• Buka proyek di Android Studio atau Intellij Idea.
• Cari file token dalam kode dan ganti placeholder dengan token akses spotify Anda. Anda dapat menghasilkan token baru dari dasbor pengembang Spotify.
• Jalankan aplikasi di platform yang Anda inginkan. Ada beberapa masalah yang diketahui dengan aplikasi pemutar musik menggunakan UI Compose Multiplatform:

Masalah yang diketahui

• Saat Anda mengklik "Pilih Semua" di Android, Web, dan Desktop, aplikasi akan mengotominasi trek yang dipilih dan terus memainkan trek berikutnya ketika yang sebelumnya berakhir. Di iOS, ada masalah dengan callbacks untuk onReady dan onVideoCompleted yang menyebabkan pemain tidak memulai secara otomatis. Saya tidak dapat mengonfigurasi panggilan balik tetapi mudah -mudahan, akan segera memperbaikinya.

Demo

Gudang

Untuk menjelajahi apa yang dapat dilakukan UI, lihat repositori untuk pembaruan terbaru: https://github.com/seabdulbasit/musicapp-kmp.

Jika Anda tertarik untuk memulai dengan Compose Multiplatform, saya memiliki templat untuk Anda di sini: https://github.com/seabdulbasit/kmp-compose-template.

Jika Anda merasa pekerjaan saya bermanfaat, harap pertimbangkan untuk memberikannya ❤️.

Proyek lain

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

Teknologi dan perpustakaan yang digunakan

• Kotlin
• Menyusun UI multiplatform
• Avkit Media Player
• VLC Media Player
• HTML Media Player
• Menyusun loader gambar
• Membusuk

Todo

• Tambahkan Google Login
• Tambahkan DB lokal untuk menyimpan daftar putar favorit
• Tambahkan implementasi untuk rilis terbaru