KI-Musik ist dynamisch und lässt sich stetig verbessern – darum muss einiges neu gedacht werden.

Die klassische Musikdistribution geht davon aus, ein Album einmalig zu erstellen und final zu veröffentlichen. Für KI-basierte Musik ist das jedoch wenig sinnvoll. Nehmen wir zum Beispiel Suno: Hier können sogar ältere Songs erneut remastert werden, etwa beim Wechsel von V3.5 auf V4 – mit deutlich hörbaren Qualitätssteigerungen. Auch beim Mastering selbst wird man kontinuierlich besser, und jedes neue KI-Tool für die Stem-Verarbeitung wirft die Frage auf, ob Songs nicht permanent aktualisiert werden sollten.

Genau das macht unser Audio Folder Player möglich: Songs aktualisieren, entfernen oder neue hinzufügen – Egal ob ein oder 50 Songs, alles geschieht sofort und SEO-optimiert, ohne in WordPress einen Button drücken zu müssen.

Unser Audio Folder Player ist somit ein echtes Pro-Plugin, das dank eigener JSON-Datenbank in Echtzeit ein exzellentes Nutzererlebnis bietet. 

WordPress Plugin „Audio Folder Player Pro (JSON Version) “ kaufen

Wir sind aktuell in der Testphase, die hier live auf der Seite stattfindet. Das Plugin ist also fertig und Einsatzbereit. Wer das Tool braucht, wird aber auch Support und die eine oder andere kleine Anpassung brauchen. Daher kann es aktuell nur direkt über DIRSCHL.com GmbH erworben werden.

Bitte kontaktiert uns über Conntect, da wir gerade bei den ersten Einsätzen gerne mit dabei wären, also zumindest telefonisch oder per Email. Gerne verlinken wir euch dann auch, damit der Player in verschiedenen Einsätzen auch live gezeigt werden kann.

Mit aktuellen Funktionsumfang liegt der Preis bei 99 EUR.

Mit dabei ist auch das „Audio Folder Player List“ WordPress Plugin, das ihr auf der Startseite sehen könnt. Es nutzt die gleichen JSON Daten und ermöglicht so die Positionierung der Alben auf anderen Seiten.

Wer bereits Erfahung mit der Distribution von WordPress Plugins hat, darf sich gerne bei mir melden. Ich würde mich gerne auf die Entwicklung beschränken. 

Audio Folder Player Pro (JSON Version) – FTP Audio Distribution, Kurzanleitung

Ordner anlegen & MP3/WAV hochladen

  • Erstelle in deinem WordPress-Hauptverzeichnis oder unter wp-content/uploads/ einen Ordner, zum Beispiel nuonu-instrumental.
  • Lege dort einen Unterordner mp3 an (Pflicht), optional auch wav.
  • Kopiere deine MP3- und ggf. WAV-Dateien hinein. Achte auf korrekt gepflegte ID3-Tags (z. B. mit Mp3tag), damit das Plugin alle Informationen auslesen kann.
  • Das Plugin erstellt einen Unterordner covers und generiert dort automatisch 40×40-, 512×512- und 1080×1080-Coverbilder.

Shortcode einfügen & JSON-Generierung

  • Füge den Shortcode in eine Seite oder einen Beitrag ein:
[audio_folder_player_pro_json folder="nuonu-instrumental"]
  • Beim ersten Seitenaufruf erzeugt das Plugin eine musicData.json, in der pro Track alle Infos (Dateiname, Titel, Jahr, Genre, Cover-URL usw.) stehen.

Beispielhafter Ausschnitt eines Datensatzes:

{
    "filename": "nuonu - Burst.mp3",
    "slug": "ki-instrumental-musik-ai-music-royality-free-songs",
    "file": "https://nuonu.com/wp-content/uploads/nuonu-instrumental/mp3/nuonu%20-%20Burst.mp3",
    "wav": "https://nuonu.com/wp-content/uploads/nuonu-instrumental/wav/nuonu%20-%20Burst.wav",
    "artist": "nuonu",
    "title": "Burst",
    "comment": "80 bpm, 1:48, instrumental, analog, bass, space, delay, synth, deep drums, melody, noise, electro",
    "cover": "https://nuonu.com/wp-content/uploads/nuonu-instrumental/covers/nuonu - Burst",
    "album": "Instrumental",
    "year": "2024",
    "genre": "Instrumental",
    "interpreter": "nuonu.com",
    "composer": "Johann Dirschl",
    "length": 108,
    "timestamp": 1735421005
},

Player-Funktionen & PageSpeed

  • Der Player liest alle MP3s (und WAVs) aus deinen Ordnern aus, die über FTP verwaltet werden.
  • Cover in 40×40, 512×512 und 1080×1080 werden erstellt; über loading=“lazy“ und preload=“none“ wird die Seite nicht verlangsamt.
  • Sortierfunktionen (Neueste, Älteste, Titel, Länge) sowie eine Suchleiste sind integriert.
  • ZIP-Downloads für MP3s und WAVs sind automatisch verfügbar.
  • Autoplay wird oft blockiert, daher kann man den Track nach einem Klick auf das Cover oder den Play-Button starten.

Swipe-Gesten, Pfeiltasten & Cover-Klick

  • Auf mobilen Geräten kannst du durch Wischen nach links oder rechts den nächsten bzw. vorherigen Track abspielen.
  • Am Desktop lassen sich mit den Pfeiltasten (←/→) ebenfalls vorheriger oder nächster Track starten.
  • Ein Klick oder Fingertipp auf das Cover startet bzw. pausiert den laufenden Titel.

.afp-music-* Klassen für eigene Gestaltung

Das Plugin pflegt die ausgelesenen ID3-Tags in folgenden CSS-Klassen ein, damit du sie in deinem Layout nutzen kannst:

  • .afp-music-artist – Interpret/Künstler
  • .afp-music-title – Titel des Tracks
  • .afp-music-comment – Kommentar/Notizen
  • .afp-music-slug – Slug bzw. Speicherpfad
  • .afp-music-year – Jahr
  • .afp-music-genre – Genre
  • .afp-music-album – Albumname
  • .afp-music-interpreter – Albuminterpret oder Band
  • .afp-music-composer – Komponist
  • .afp-music-length – Länge in Sekunden (z. B. als M:SS dargestellt)
  • .afp-music-timestamp – Dateisystem-Zeitstempel (als Datum formatiert)

Diese Klassen kannst du in span, div oder anderen Elementen verwenden, damit das Plugin die Inhalte dynamisch ersetzt. Sie sind standardmäßig unsichtbar, bis ein Track geladen wird oder du eingeloggt bist (siehe body.logged-in in der CSS).

Social-Media-Share & 1080-Cover

  • Während der Wiedergabe erscheint ein „Link kopieren“-Button, der eine eindeutige Share-URL erzeugt.
  • Über /share-track/?track=… werden Open-Graph- und Twitter-Card-Metadaten bereitgestellt, inklusive Titel und 1080×1080-Coverbild.
  • So erhält jeder Track eine individuelle Vorschau, wenn er in sozialen Netzwerken geteilt wird.

Frei positionierbare Inhalte

  • Der Shortcode kann an beliebiger Stelle eingefügt werden (z. B. im klassischen Editor, in Divi oder Elementor).
  • Du kannst über CSS oder im Plugin-Code das Layout flexibel anpassen (Reihenfolge von Playlist, Suchfeld usw.).
  • Die musicData.json kann clientseitig weiterverarbeitet werden, wenn du eigene zusätzliche Funktionen oder Filter einbauen möchtest.

Zusammenfassung

Das Audio Folder Player Pro (JSON Version) Plugin bindet deine Musikdateien (MP3 und optional WAV) effizient ein, erzeugt automatisch Cover in mehreren Größen sowie eine JSON-Datei und bietet Komfortfunktionen wie Sortierung, Suche, ZIP-Download und Share-Links. Dank Lazy Loading der Bilder und preload=“none“ für das Audio erreichst du eine hervorragende PageSpeed-Performance und eine optimale Social-Media-Präsentation. Mit den .afp-music-*-Klassen kannst du einzelne Metadaten frei in deinem Seitenlayout positionieren und per Swipe-Gesten, Pfeiltasten und Cover-Klick ein intuitives Hörerlebnis schaffen.