AmplitudeJS est un lecteur de musique multiplateforme open source pour les utilisateurs du Web moderne. Il présente une belle interface minimaliste et intuitive sur pratiquement tous les navigateurs Web.
Avec Amplitude , vous pouvez créer votre propre lecteur audio avec votre conception et votre mise en page personnalisées. Les chansons doivent être ajoutées via le fichier principal Amplitude.init() méthode au format JSON. Voyez comment c'est fait avec trois chansons dans le codepen ci-dessous :
Amplitude.init({
"songs": [
{
"name": "Song Name 1",
"artist": "Artist Name",
"album": "Album Name",
"url": "/song/url.mp3",
"cover_art_url": "/cover/art/url.jpg"
},
{
"name": "Song Name 2",
"artist": "Artist Name",
"album": "Album Name",
"url": "/song/url.mp3",
"cover_art_url": "/cover/art/url.jpg"
},
{
"name": "Song Name 3",
"artist": "Artist Name",
"album": "Album Name",
"url": "/song/url.mp3",
"cover_art_url": "/cover/art/url.jpg"
}
]
});
Avec AmplitudeJS , vous pouvez voir une liste de tous vos cours auxquels vous êtes abonné.
Fonctionnalités dans AmplitudeJS
- Gratuit : AmplitudeJS est gratuit pour tout le monde à télécharger et à utiliser.
- Open Source : AmplitudeJS est publié sous licence MIT et vous pouvez contribuer à son code source sur GitHub.
- Multiplateforme : HTML5 s'exécute dans les navigateurs de tous les systèmes d'exploitation, il n'y a donc pratiquement aucune limitation à l'utilisation d'AmplitudeJS .
- Bibliothèque complètement indépendante (pas besoin de jQuery).
- Disponible par CDN ou installation par commande unique :
npm install --save amplitudejs. - Utilise JSON pour charger les données de la chanson.
- Prise en charge native de SoundCloud.
- Fonctions de rappel à 100 % pour tous les événements, y compris lecture/pause, arrêt, répétition, morceau suivant, morceau précédent et lecture aléatoire
- Une documentation en ligne bien conçue où vous pouvez également apprendre son utilisation.
- Les raccourcis clavier JavaScript pour une UX avancée (expérience utilisateur).
- Écrit entièrement en JavaScript vanille (ne nécessite pas jQuery).
- 9 Ko compressé.
- Listes de lecture illimitées.
- Ne nécessite pas d'actualisation de la page.
- Prend en charge la diffusion en direct.
- Prise en charge du toucher doux et compatibilité avec les appareils mobiles.
- Prend en charge plusieurs listes de lecture sur une seule page.
- Afficher les métadonnées de la chanson.
- Entièrement personnalisable (jusqu'à chaque élément visible).
- Une interface utilisateur à la fois intuitive et minimaliste.
Vous pouvez voir des exemples des fonctionnalités répertoriées ci-dessus ici.
À mon avis, c'est le lecteur de musique Web le plus léger, le plus beau et le plus minimaliste. Vous n'avez même pas besoin d'être en ligne pour l'utiliser! Cependant, vous devez être capable d'écrire JSON.
Téléchargez AmplitudeJS sur GitHub
Est AmplitudeJS votre type de lecteur de musique ? Partagez votre opinion avec nous dans la section des commentaires ci-dessous et n'hésitez pas à nous faire part de vos suggestions d'applications en cours de route.