AmplitudeJS ist ein plattformübergreifender Open-Source-Musikplayer für Benutzer des modernen Webs. Es bietet eine schöne, minimalistische und intuitive Benutzeroberfläche für praktisch alle Webbrowser.
Mit Amplitude , können Sie Ihren eigenen Audioplayer komplett mit Ihrem benutzerdefinierten Design und Layout erstellen. Songs müssen über die Haupt-Amplitude.init() hinzugefügt werden Methode im JSON-Format. Sehen Sie, wie es mit drei Songs im Codepen unten gemacht wird:
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"
}
]
});
Mit AmplitudeJS , können Sie eine Liste aller Ihrer abonnierten Kurse sehen.
Funktionen in AmplitudeJS
- Freeware: AmplitudeJS kann kostenlos heruntergeladen und verwendet werden.
- Open Source: AmplitudeJS wird unter der MIT-Lizenz veröffentlicht und Sie können auf GitHub zu seinem Quellcode beitragen.
- Plattformübergreifend: HTML5 läuft in den Browsern aller Betriebssysteme, sodass es kaum Einschränkungen bei der Verwendung von AmplitudeJS gibt .
- Völlig unabhängige Bibliothek (kein jQuery erforderlich).
- Verfügbar per CDN oder Einzelbefehl-Installation:
npm install --save amplitudejs. - Verwendet JSON zum Laden von Songdaten.
- Native Unterstützung für SoundCloud.
- 100 % Rückruffunktionen für alle Ereignisse, einschließlich Play/Pause, Stop, Repeat, Next Song, Previous Song und Shuffle.
- Eine gut zusammengestellte Online-Dokumentation, in der Sie auch ihre Verwendung lernen können.
- JavaScript-Tastenkombinationen für erweiterte UX (Benutzererfahrung).
- Vollständig in Vanilla JavaScript geschrieben (benötigt kein jQuery).
- 9kb komprimiert.
- Unbegrenzte Wiedergabelisten.
- Erfordert keine Seitenaktualisierungen.
- Unterstützt Live-Stream.
- Unterstützung für Soft-Touch und kompatibel mit Mobilgeräten.
- Unterstützt mehrere Wiedergabelisten auf einer einzigen Seite.
- Song-Metadaten anzeigen.
- Vollständig anpassbar (bis hin zu jedem sichtbaren Element).
- Sowohl eine intuitive als auch eine minimalistische Benutzeroberfläche.
Beispiele für die oben aufgeführten Funktionen finden Sie hier.
Meiner Meinung nach ist dies der leichteste, schönste und minimalistischste Web-Musikplayer. Sie müssen nicht einmal online sein, um es zu benutzen! Sie müssen jedoch in der Lage sein, JSON zu schreiben.
Laden Sie AmplitudeJS auf GitHub herunter
Ist AmplitudeJS Ihre Art von Musikplayer? Teilen Sie uns Ihre Meinung im Kommentarbereich unten mit und zögern Sie nicht, Ihre App-Vorschläge auf dem Weg dorthin zu hinterlassen.