MusicApp KMP

Music Player -App mit COMPOSE Multiplattform KMP

Dies ist eine Musik -Player -App, die mit der COMSE -Multiplattform -Benutzeroberfläche erstellt wurde, die auf Android-, iOS-, Desktop- und Webplattformen funktioniert. Es verwendet die Spotify -API zum Abholen der Top 50 -Charts und zum Erhalten der Trendalben. Der Google -Login ist noch ausstehend und Sie müssen vorerst das Spotify -Token manuell hinzufügen. Sie können hier leicht den Endpunkt treffen, um das Album zu erhalten und dann das Token zu bekommen und in die App zu setzen.

Finden Sie es auf der offiziellen Website von JetBrains

Dieses Repository wurde auf der offiziellen Website von JetBrains als KMP -Probe aufgeführt.

Live

Sie können es hier live finden

Plattformen

Die App verwendet verschiedene Medienspieler auf verschiedenen Plattformen:

Für iOS wird Avkit für Android verwendet. Media Player wird für Desktop verwendet. VLC Media Player wird für das Web verwendet, ein HTML -Medienspieler wird verwendet.

Integration mit niedrigem APIs

Eines der Ziele, diese App zu erstellen, war es, zu untersuchen, wie das Zusammenhang von UI mit niedrigem APIs interagiert. Die Erfahrung war eine Herausforderung, und der Prozess hat mir viel gelehrt. Von allen verwendeten Medienspieler war es am einfachsten, sich in den Web -Media -Player zu integrieren. Ich bin Icerock Development und Aleksey Mikhailov für ihre Demo -Anwendung dankbar, was eine fantastische Lernressource war.

Ausführen der App

• Klonen Sie dieses Repository:

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

• Öffnen Sie das Projekt in Android Studio oder Intellij IDEE.
• Suchen Sie nach Token -Datei im Code und ersetzen Sie den Platzhalter durch Ihren Spotify Access -Token . Sie können ein neues Token vom Spotify Developer Dashboard erstellen.
• Führen Sie die App auf Ihrer gewünschten Plattform aus. Es gibt einige bekannte Probleme mit der Music Player -App mithilfe der COMSE Multiplattform -Benutzeroberfläche:

Bekannte Probleme

• Wenn Sie auf "All" auf Android, Web und Desktop auswählen, wird die App die ausgewählten Tracks automatisch automatisiert und den nächsten Track fortgesetzt, wenn der vorherige endet. Auf iOS gibt es Probleme mit den Rückrufen für onReady und onVideoCompleted , was dazu führt, dass der Spieler nicht automatisch beginnt. Ich konnte die Rückrufe nicht konfigurieren, aber hoffentlich werde ich das bald reparieren.

Demo

Repository

Um zu untersuchen, was die Compose UI tun kann, finden Sie im Repository die neuesten Updates: https://github.com/seabdulbasit/musicapp-kmp.

Wenn Sie mit dem Einstieg mit Multiplattform anfangen möchten, habe ich hier eine Vorlage für Sie: https://github.com/seabdulbasit/kmp-compose-template.

Wenn Sie meine Arbeit hilfreich finden, sollten Sie ihm ein ❤️ geben.

Andere Projekte

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

Technologien und Bibliotheken verwendet

• Kotlin
• Multiplattform -Benutzeroberfläche komponieren
• Avkit Media Player
• VLC Media Player
• HTML Media Player
• Bildlader komponieren
• Zersetzen

Todo

• Fügen Sie Google Login hinzu
• Fügen Sie lokale DB hinzu, um die Lieblings -Playlist zu speichern
• Fügen Sie die Implementierung für jüngste Veröffentlichungen hinzu