MusicApp KMP

Application de lecteur de musique à l'aide de compose multiplateforme kMP

Il s'agit d'une application de lecteur de musique construite à l'aide de l'interface utilisateur multiplateforme Compose qui fonctionne sur les plates-formes Android, iOS, Desktop et Web. Il utilise l'API Spotify pour récupérer les 50 meilleurs graphiques et obtenir les albums tendance. La connexion Google est toujours en attente et pour l'instant, vous devez ajouter manuellement le jeton Spotify. Vous pouvez facilement frapper le point de terminaison ici pour obtenir l'album, puis obtenir le jeton et se mettre dans l'application.

Trouvez-le sur le site officiel de JetBrains

Ce référentiel a été répertorié comme échantillon KMP sur le site officiel de JetBrains.

En direct

Vous pouvez le trouver en direct ici

Plates-formes

L'application utilise différents lecteurs multimédias sur différentes plates-formes:

Pour iOS, AVKIT est utilisé pour Android, le lecteur multimédia est utilisé pour le bureau, VLC Media lecteur est utilisé pour le Web, un lecteur multimédia HTML est utilisé.

Intégration avec des API de bas niveau

L'un des objectifs de la création de cette application a été d'explorer comment l'interface utilisateur de la composition interagit avec les API de bas niveau. L'expérience a été difficile mais amusante, et le processus m'a beaucoup appris. De tous les joueurs des médias utilisés, l'intégration au lecteur de médias Web était la plus simple. Je suis reconnaissant à Icerock Development et à Aleksey Mikhailov pour leur application de démonstration, qui était une ressource d'apprentissage fantastique.

Exécution de l'application

• Cloner ce référentiel:

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

• Ouvrez le projet dans Android Studio ou IntelliJ Idea.
• Recherchez un fichier de jeton dans le code et remplacez l'espace réservé par votre jeton d'accès Spotify . Vous pouvez générer un nouveau jeton à partir du tableau de bord du développeur Spotify.
• Exécutez l'application sur votre plate-forme souhaitée. Il y a quelques problèmes connus avec l'application Music Player à l'aide de Compose MultipLatform UI:

Problèmes connus

• Lorsque vous cliquez sur "Sélectionnez All" sur Android, Web et Desktop, l'application plate automatiquement les pistes sélectionnées et continuera à jouer la piste suivante à la fin de la précédente. Sur iOS, il y a des problèmes avec les rappels pour onReady et onVideoCompleted ce qui fait que le joueur ne démarre pas automatiquement. Je n'ai pas pu configurer les rappels, mais j'espère que je le réparerai bientôt.

Démo

Dépôt

Pour explorer ce que l'interface utilisateur peut faire, consultez le référentiel pour les dernières mises à jour: https://github.com/seabdulbasit/musicapp-kmp.

Si vous souhaitez commencer avec Compose MultipLatform, j'ai un modèle pour vous ici: https://github.com/seabdulbasit/kmp-compose-template.

Si vous trouvez mon travail utile, envisagez de lui donner un ❤️.

Autres projets

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

Technologies et bibliothèques utilisées

• Kotlin
• Composez l'interface utilisateur multiplateforme
• Avkit Media Player
• VLC Media Player
• Lecteur multimédia HTML
• Composer le chargeur d'image
• Décomposer

FAIRE

• Ajouter la connexion Google
• Ajouter une base de données locale pour enregistrer la playlist préférée
• Ajouter une implémentation pour les versions récentes