# Audio Player Plugin

## Was ist LUNA AUDIO PLAYER?

### Audio verdient einen festen Platz.

Ein einzelner Play-Button reicht für eine ganze Audiosammlung oft nicht aus.

LUNA AUDIO PLAYER ergänzt die Wiedergabe um eine Playlist-Übersicht, Titelinformationen und eine anpassbare Darstellung. Besucher können zwischen Sammlungen wechseln und einzelne Titel auswählen.

Das eignet sich für Musikportfolios, [Podcast-Websites] (https://www.sodah.de/content-marketing-agentur/) und Seiten mit Hörproben. Die Audiodateien bleiben bei der jeweils eingerichteten Quelle; der Player übernimmt ihre Darstellung und Wiedergabe auf Ihrer Website.

Classic Signature

[AUDIO] (https://www.sodah.de/wp-content/uploads/lu-audio-player/11efee47-c25f-4bbd-ac52-37d8544c6ce1.mp3)

Deep Frequencies

[AUDIO] (https://www.sodah.de/wp-content/uploads/lu-audio-player/85c79520-e9dc-4669-8f1c-12bd514ac21d.mp3)

First Class

[AUDIO] (https://www.sodah.de/wp-content/uploads/lu-audio-player/7eff1d5b-3ce3-43e3-82a0-e890fdbf9856.mp3)

Gentle Glide

[AUDIO] (https://www.sodah.de/wp-content/uploads/lu-audio-player/7c2e30d5-6a2e-4666-8992-ea63aa93a221.mp3)

Ice in the glass

[AUDIO] (https://www.sodah.de/wp-content/uploads/lu-audio-player/d5d5a460-b83b-46df-be17-651474990638.mp3)

Midnight Velvet

[AUDIO] (https://www.sodah.de/wp-content/uploads/lu-audio-player/87f7e82a-2226-40e9-b334-8ae0bb581822.mp3)

Soul Connection

[AUDIO] (https://www.sodah.de/wp-content/uploads/lu-audio-player/856cdc89-5f87-4e25-818c-a17176dd39d5.mp3)

Sunday Morning

[AUDIO] (https://www.sodah.de/wp-content/uploads/lu-audio-player/572cf0b1-bf8d-45dd-ac6f-c46694a6e522.mp3)

Take your time

[AUDIO] (https://www.sodah.de/wp-content/uploads/lu-audio-player/4d7ca760-d09f-4460-9424-7a00413ae06e.mp3)

Worries at the door

[AUDIO] (https://www.sodah.de/wp-content/uploads/lu-audio-player/40235ac4-a8f2-4d27-8023-bc335566df67.mp3)

Dawn Patrol

[AUDIO] (https://www.sodah.de/wp-content/uploads/lu-audio-player/f5c37bc9-4476-4270-9376-90c1e3a1fdf7.mp3)

First Cup

[AUDIO] (https://www.sodah.de/wp-content/uploads/lu-audio-player/878ff87e-ce3c-46eb-9d37-e8b408b94363.mp3)

Fresh Start

[AUDIO] (https://www.sodah.de/wp-content/uploads/lu-audio-player/801f5b98-27ad-49c2-bb97-7166f3045ee3.mp3)

Golden Hour

[AUDIO] (https://www.sodah.de/wp-content/uploads/lu-audio-player/f7378183-ce76-429d-b8fc-f230919a3d6f.mp3)

Hump Day

[AUDIO] (https://www.sodah.de/wp-content/uploads/lu-audio-player/14bbdc2d-b6be-45c4-8659-a51d0d02d127.mp3)

Lazy Sunday

[AUDIO] (https://www.sodah.de/wp-content/uploads/lu-audio-player/5c874990-c8b0-47d6-80bd-54903338c030.mp3)

Midnight Cruise

[AUDIO] (https://www.sodah.de/wp-content/uploads/lu-audio-player/d3217e7f-1d6f-4c0c-bbb3-87bb09d8a5dc.mp3)

Pre Party

[AUDIO] (https://www.sodah.de/wp-content/uploads/lu-audio-player/97e406a0-0d48-4c7b-8f70-29c2f60852d9.mp3)

Welcome Jost

[AUDIO] (https://www.sodah.de/wp-content/uploads/lu-audio-player/979e3551-c00b-4146-b6ba-75f161d3c31a.mp3)

Ambiente Exclusivo

[AUDIO] (https://www.sodah.de/wp-content/uploads/lu-audio-player/347c52fd-582e-4cbe-91c9-2e8761b56766.mp3)

El Patron

[AUDIO] (https://www.sodah.de/wp-content/uploads/lu-audio-player/ffe7f89d-762c-4e19-889c-5bd860568a50.mp3)

La Conexion

[AUDIO] (https://www.sodah.de/wp-content/uploads/lu-audio-player/17841d83-0623-44bd-90ae-e84c155d7eb5.mp3)

La Entrada

[AUDIO] (https://www.sodah.de/wp-content/uploads/lu-audio-player/2405b85c-92f3-4f9e-ba3a-06c143f25594.mp3)

la pista de baile

[AUDIO] (https://www.sodah.de/wp-content/uploads/lu-audio-player/d655b619-bbb4-4730-9f39-43a4670294c0.mp3)

La Trompeta

[AUDIO] (https://www.sodah.de/wp-content/uploads/lu-audio-player/9930c44a-97d0-4cae-a724-0e79f400f1f7.mp3)

Cuerpo a Cuerpo

[AUDIO] (https://www.sodah.de/wp-content/uploads/lu-audio-player/9489b846-d4a5-4587-a96f-f0c07c6954f8.mp3)

El Amanecer

[AUDIO] (https://www.sodah.de/wp-content/uploads/lu-audio-player/1a8f7854-f7c4-49b2-811c-206dd7e122ce.mp3)

La Ultima Copa

[AUDIO] (https://www.sodah.de/wp-content/uploads/lu-audio-player/08aa1c96-9bcc-40c0-b667-a210e99bc503.mp3)

Miradas

[AUDIO] (https://www.sodah.de/wp-content/uploads/lu-audio-player/121780cf-5ba6-4820-a163-eee46c5f19af.mp3)

Zona VIP

[AUDIO] (https://www.sodah.de/wp-content/uploads/lu-audio-player/47abb392-2394-410e-9131-a85b6a0bb86c.mp3) [Download] (https://1.envato.market/c/1297729/275988/4415?u=https%3A%2F%2Fcodecanyon.net%2Fitem%2Fluna-audio-player-plugin-with-playlist-and-audio-visualizer%2F26560607)

## Was der Player leistet

### Ein HTML5 Audioplayer. Mehr als Wiedergabe.

Von der Titelauswahl bis zur Darstellung, die Funktionen im Überblick.

01

#### Playlists im Überblick.

Mehrere Sammlungen in einer Oberfläche. Die aktuelle Titelliste lässt sich nach Interpret, Titel oder angegebener Dauer auf- und absteigend sortieren.

Playlist-Übersicht

Sortierung

02

#### Wiedergabe steuern.

Starten, pausieren, Titel wechseln und zur gewünschten Stelle springen. Wiederholung und Zufallswiedergabe ergänzen die Navigation durch eine Playlist.

Fortschrittsanzeige

Repeat & Shuffle

03

#### Mehr zum Titel zeigen.

Interpret, Titel, Cover und Dauer lassen sich in der Playlist hinterlegen. Fehlen Interpret und Titel, versucht der Player, eingebettete [ID3-Metadaten] (https://de.wikipedia.org/wiki/ID3-Tag) einschließlich Cover auszulesen.

ID3-Metadaten

Coverbilder

04

#### Zur Website passend.

Hintergrund, Schrift und Akzentfarben sind einstellbar. Der Player passt seine Anordnung an die verfügbare Breite an und bietet eine große sowie eine kompakte Ansicht.

Responsive Anordnung

Kompaktansicht

05

#### Klang visualisieren.

Acht Visualizer-Darstellungen und eine ausgeschaltete Ansicht stehen zur Verfügung. Der Modus nutzt echte Frequenzdaten oder eine simulierte Animation – abhängig von Einstellung und Browser.

Web Audio API

Farbe & Deckkraft

06

#### Titel gezielt verlinken.

Optionales [Deep Linking] (https://de.wikipedia.org/wiki/Deep _Link) bildet Playlist und Titel in der URL ab. Für HTML- und XML-Einträge können außerdem Download, Teilen und ein externer Kauflink hinterlegt werden.

Direktlinks

Optionale Titelaktionen

## Unterstützte Audioquellen

### Ihre Inhalte. Fünf Wege hinein.

Audio kann direkt auf der Seite definiert, als Playlist geladen oder aus einem passenden Feed übernommen werden.

Die Quellen werden beim Laden im Browser verarbeitet. Ein Upload- oder Redaktionssystem gehört nicht zum Player.

UL

### HTML-Listen

Titel direkt im Seitenquelltext pflegen. Dateiadresse und Zusatzinformationen werden über data-*-Attribute übergeben.

XML

### XML-Playlists

Eine separate [XML-Datei] (https://de.wikipedia.org/wiki/Extensible _Markup _Language) mit ul- und li-Einträgen laden. So bleibt die Titelliste vom Seitenaufbau getrennt.

RSS

### RSS-Podcasts

Feed-Einträge mit einem Audio-Enclosure vom Typ audio/mpeg übernehmen. Titel, Autor, Dauer und Bild werden aus passenden Feed-Feldern gelesen.

PHP

### MP3-Ordner

Die PHP-Hilfsdatei durchsucht einen lesbaren Serverordner einschließlich Unterordnern nach MP3-Dateien und liefert daraus eine Titelliste.

URL

### Einzelne Audiodateien

Eine direkt erreichbare Audiodatei einbinden. Im Einzeldatei-Modus werden die Playlist-Navigation und Shuffle deaktiviert.

Von der Audioquelle auf Ihre Website.

## So funktioniert die Einbindung

01

### Quelle festlegen

Audiodateien, eine Playlist oder einen RSS-Feed bereitstellen. Titelinformationen und Cover ergänzen, soweit sie in der Quelle vorhanden sind.

02

### Player konfigurieren

Das Player-Script einbinden, einen Player-Bereich anlegen und Quelle, passenden Token sowie Darstellung in JavaScript einstellen.

03

### Im Browser abspielen

Der Player lädt die gewählte Quelle und stellt die Titel bereit. Besucher starten die Wiedergabe und wechseln innerhalb der eingerichteten Sammlung.

### Auch über eigene Bedienelemente steuerbar.

Die JavaScript-API stellt unter anderem play () , pause () , stepforward () und den Wechsel zwischen Player-Ansichten bereit. Damit lässt sich der Player mit eigenen Schaltflächen auf der Website verbinden.

## Beispiele

Dawn Patrol

[AUDIO] (https://www.sodah.de/wp-content/uploads/lu-audio-player/f5c37bc9-4476-4270-9376-90c1e3a1fdf7.mp3)

First Cup

[AUDIO] (https://www.sodah.de/wp-content/uploads/lu-audio-player/878ff87e-ce3c-46eb-9d37-e8b408b94363.mp3)

Fresh Start

[AUDIO] (https://www.sodah.de/wp-content/uploads/lu-audio-player/801f5b98-27ad-49c2-bb97-7166f3045ee3.mp3)

Golden Hour

[AUDIO] (https://www.sodah.de/wp-content/uploads/lu-audio-player/f7378183-ce76-429d-b8fc-f230919a3d6f.mp3)

Hump Day

[AUDIO] (https://www.sodah.de/wp-content/uploads/lu-audio-player/14bbdc2d-b6be-45c4-8659-a51d0d02d127.mp3)

Lazy Sunday

[AUDIO] (https://www.sodah.de/wp-content/uploads/lu-audio-player/5c874990-c8b0-47d6-80bd-54903338c030.mp3)

Midnight Cruise

[AUDIO] (https://www.sodah.de/wp-content/uploads/lu-audio-player/d3217e7f-1d6f-4c0c-bbb3-87bb09d8a5dc.mp3)

Pre Party

[AUDIO] (https://www.sodah.de/wp-content/uploads/lu-audio-player/97e406a0-0d48-4c7b-8f70-29c2f60852d9.mp3)

Welcome Jost

[AUDIO] (https://www.sodah.de/wp-content/uploads/lu-audio-player/979e3551-c00b-4146-b6ba-75f161d3c31a.mp3)

Cuerpo a Cuerpo

[AUDIO] (https://www.sodah.de/wp-content/uploads/lu-audio-player/9489b846-d4a5-4587-a96f-f0c07c6954f8.mp3)

El Amanecer

[AUDIO] (https://www.sodah.de/wp-content/uploads/lu-audio-player/1a8f7854-f7c4-49b2-811c-206dd7e122ce.mp3)

La Ultima Copa

[AUDIO] (https://www.sodah.de/wp-content/uploads/lu-audio-player/08aa1c96-9bcc-40c0-b667-a210e99bc503.mp3)

Miradas

[AUDIO] (https://www.sodah.de/wp-content/uploads/lu-audio-player/121780cf-5ba6-4820-a163-eee46c5f19af.mp3)

Zona VIP

[AUDIO] (https://www.sodah.de/wp-content/uploads/lu-audio-player/47abb392-2394-410e-9131-a85b6a0bb86c.mp3)

Ambiente Exclusivo

[AUDIO] (https://www.sodah.de/wp-content/uploads/lu-audio-player/347c52fd-582e-4cbe-91c9-2e8761b56766.mp3)

El Patron

[AUDIO] (https://www.sodah.de/wp-content/uploads/lu-audio-player/ffe7f89d-762c-4e19-889c-5bd860568a50.mp3)

La Conexion

[AUDIO] (https://www.sodah.de/wp-content/uploads/lu-audio-player/17841d83-0623-44bd-90ae-e84c155d7eb5.mp3)

La Entrada

[AUDIO] (https://www.sodah.de/wp-content/uploads/lu-audio-player/2405b85c-92f3-4f9e-ba3a-06c143f25594.mp3)

la pista de baile

[AUDIO] (https://www.sodah.de/wp-content/uploads/lu-audio-player/d655b619-bbb4-4730-9f39-43a4670294c0.mp3)

La Trompeta

[AUDIO] (https://www.sodah.de/wp-content/uploads/lu-audio-player/9930c44a-97d0-4cae-a724-0e79f400f1f7.mp3)

Classic Signature

[AUDIO] (https://www.sodah.de/wp-content/uploads/lu-audio-player/11efee47-c25f-4bbd-ac52-37d8544c6ce1.mp3)

Deep Frequencies

[AUDIO] (https://www.sodah.de/wp-content/uploads/lu-audio-player/85c79520-e9dc-4669-8f1c-12bd514ac21d.mp3)

First Class

[AUDIO] (https://www.sodah.de/wp-content/uploads/lu-audio-player/7eff1d5b-3ce3-43e3-82a0-e890fdbf9856.mp3)

Gentle Glide

[AUDIO] (https://www.sodah.de/wp-content/uploads/lu-audio-player/7c2e30d5-6a2e-4666-8992-ea63aa93a221.mp3)

Ice in the glass

[AUDIO] (https://www.sodah.de/wp-content/uploads/lu-audio-player/d5d5a460-b83b-46df-be17-651474990638.mp3)

Midnight Velvet

[AUDIO] (https://www.sodah.de/wp-content/uploads/lu-audio-player/87f7e82a-2226-40e9-b334-8ae0bb581822.mp3)

Soul Connection

[AUDIO] (https://www.sodah.de/wp-content/uploads/lu-audio-player/856cdc89-5f87-4e25-818c-a17176dd39d5.mp3)

Sunday Morning

[AUDIO] (https://www.sodah.de/wp-content/uploads/lu-audio-player/572cf0b1-bf8d-45dd-ac6f-c46694a6e522.mp3)

Take your time

[AUDIO] (https://www.sodah.de/wp-content/uploads/lu-audio-player/4d7ca760-d09f-4460-9424-7a00413ae06e.mp3)

Worries at the door

[AUDIO] (https://www.sodah.de/wp-content/uploads/lu-audio-player/40235ac4-a8f2-4d27-8023-bc335566df67.mp3)

Ambiente Exclusivo

[AUDIO] (https://www.sodah.de/wp-content/uploads/lu-audio-player/347c52fd-582e-4cbe-91c9-2e8761b56766.mp3)

El Patron

[AUDIO] (https://www.sodah.de/wp-content/uploads/lu-audio-player/ffe7f89d-762c-4e19-889c-5bd860568a50.mp3)

La Conexion

[AUDIO] (https://www.sodah.de/wp-content/uploads/lu-audio-player/17841d83-0623-44bd-90ae-e84c155d7eb5.mp3)

La Entrada

[AUDIO] (https://www.sodah.de/wp-content/uploads/lu-audio-player/2405b85c-92f3-4f9e-ba3a-06c143f25594.mp3)

la pista de baile

[AUDIO] (https://www.sodah.de/wp-content/uploads/lu-audio-player/d655b619-bbb4-4730-9f39-43a4670294c0.mp3)

La Trompeta

[AUDIO] (https://www.sodah.de/wp-content/uploads/lu-audio-player/9930c44a-97d0-4cae-a724-0e79f400f1f7.mp3)

Classic Signature

[AUDIO] (https://www.sodah.de/wp-content/uploads/lu-audio-player/11efee47-c25f-4bbd-ac52-37d8544c6ce1.mp3)

Deep Frequencies

[AUDIO] (https://www.sodah.de/wp-content/uploads/lu-audio-player/85c79520-e9dc-4669-8f1c-12bd514ac21d.mp3)

First Class

[AUDIO] (https://www.sodah.de/wp-content/uploads/lu-audio-player/7eff1d5b-3ce3-43e3-82a0-e890fdbf9856.mp3)

Gentle Glide

[AUDIO] (https://www.sodah.de/wp-content/uploads/lu-audio-player/7c2e30d5-6a2e-4666-8992-ea63aa93a221.mp3)

Ice in the glass

[AUDIO] (https://www.sodah.de/wp-content/uploads/lu-audio-player/d5d5a460-b83b-46df-be17-651474990638.mp3)

Midnight Velvet

[AUDIO] (https://www.sodah.de/wp-content/uploads/lu-audio-player/87f7e82a-2226-40e9-b334-8ae0bb581822.mp3)

Soul Connection

[AUDIO] (https://www.sodah.de/wp-content/uploads/lu-audio-player/856cdc89-5f87-4e25-818c-a17176dd39d5.mp3)

Sunday Morning

[AUDIO] (https://www.sodah.de/wp-content/uploads/lu-audio-player/572cf0b1-bf8d-45dd-ac6f-c46694a6e522.mp3)

Take your time

[AUDIO] (https://www.sodah.de/wp-content/uploads/lu-audio-player/4d7ca760-d09f-4460-9424-7a00413ae06e.mp3)

Worries at the door

[AUDIO] (https://www.sodah.de/wp-content/uploads/lu-audio-player/40235ac4-a8f2-4d27-8023-bc335566df67.mp3)

Cuerpo a Cuerpo

[AUDIO] (https://www.sodah.de/wp-content/uploads/lu-audio-player/9489b846-d4a5-4587-a96f-f0c07c6954f8.mp3)

El Amanecer

[AUDIO] (https://www.sodah.de/wp-content/uploads/lu-audio-player/1a8f7854-f7c4-49b2-811c-206dd7e122ce.mp3)

La Ultima Copa

[AUDIO] (https://www.sodah.de/wp-content/uploads/lu-audio-player/08aa1c96-9bcc-40c0-b667-a210e99bc503.mp3)

Miradas

[AUDIO] (https://www.sodah.de/wp-content/uploads/lu-audio-player/121780cf-5ba6-4820-a163-eee46c5f19af.mp3)

Zona VIP

[AUDIO] (https://www.sodah.de/wp-content/uploads/lu-audio-player/47abb392-2394-410e-9131-a85b6a0bb86c.mp3)

Dawn Patrol

[AUDIO] (https://www.sodah.de/wp-content/uploads/lu-audio-player/f5c37bc9-4476-4270-9376-90c1e3a1fdf7.mp3)

First Cup

[AUDIO] (https://www.sodah.de/wp-content/uploads/lu-audio-player/878ff87e-ce3c-46eb-9d37-e8b408b94363.mp3)

Fresh Start

[AUDIO] (https://www.sodah.de/wp-content/uploads/lu-audio-player/801f5b98-27ad-49c2-bb97-7166f3045ee3.mp3)

Golden Hour

[AUDIO] (https://www.sodah.de/wp-content/uploads/lu-audio-player/f7378183-ce76-429d-b8fc-f230919a3d6f.mp3)

Hump Day

[AUDIO] (https://www.sodah.de/wp-content/uploads/lu-audio-player/14bbdc2d-b6be-45c4-8659-a51d0d02d127.mp3)

Lazy Sunday

[AUDIO] (https://www.sodah.de/wp-content/uploads/lu-audio-player/5c874990-c8b0-47d6-80bd-54903338c030.mp3)

Midnight Cruise

[AUDIO] (https://www.sodah.de/wp-content/uploads/lu-audio-player/d3217e7f-1d6f-4c0c-bbb3-87bb09d8a5dc.mp3)

Pre Party

[AUDIO] (https://www.sodah.de/wp-content/uploads/lu-audio-player/97e406a0-0d48-4c7b-8f70-29c2f60852d9.mp3)

Welcome Jost

[AUDIO] (https://www.sodah.de/wp-content/uploads/lu-audio-player/979e3551-c00b-4146-b6ba-75f161d3c31a.mp3)

Cuerpo a Cuerpo

[AUDIO] (https://www.sodah.de/wp-content/uploads/lu-audio-player/9489b846-d4a5-4587-a96f-f0c07c6954f8.mp3)

El Amanecer

[AUDIO] (https://www.sodah.de/wp-content/uploads/lu-audio-player/1a8f7854-f7c4-49b2-811c-206dd7e122ce.mp3)

La Ultima Copa

[AUDIO] (https://www.sodah.de/wp-content/uploads/lu-audio-player/08aa1c96-9bcc-40c0-b667-a210e99bc503.mp3)

Miradas

[AUDIO] (https://www.sodah.de/wp-content/uploads/lu-audio-player/121780cf-5ba6-4820-a163-eee46c5f19af.mp3)

Zona VIP

[AUDIO] (https://www.sodah.de/wp-content/uploads/lu-audio-player/47abb392-2394-410e-9131-a85b6a0bb86c.mp3)

Ambiente Exclusivo

[AUDIO] (https://www.sodah.de/wp-content/uploads/lu-audio-player/347c52fd-582e-4cbe-91c9-2e8761b56766.mp3)

El Patron

[AUDIO] (https://www.sodah.de/wp-content/uploads/lu-audio-player/ffe7f89d-762c-4e19-889c-5bd860568a50.mp3)

La Conexion

[AUDIO] (https://www.sodah.de/wp-content/uploads/lu-audio-player/17841d83-0623-44bd-90ae-e84c155d7eb5.mp3)

La Entrada

[AUDIO] (https://www.sodah.de/wp-content/uploads/lu-audio-player/2405b85c-92f3-4f9e-ba3a-06c143f25594.mp3)

la pista de baile

[AUDIO] (https://www.sodah.de/wp-content/uploads/lu-audio-player/d655b619-bbb4-4730-9f39-43a4670294c0.mp3)

La Trompeta

[AUDIO] (https://www.sodah.de/wp-content/uploads/lu-audio-player/9930c44a-97d0-4cae-a724-0e79f400f1f7.mp3)

Classic Signature

[AUDIO] (https://www.sodah.de/wp-content/uploads/lu-audio-player/11efee47-c25f-4bbd-ac52-37d8544c6ce1.mp3)

Deep Frequencies

[AUDIO] (https://www.sodah.de/wp-content/uploads/lu-audio-player/85c79520-e9dc-4669-8f1c-12bd514ac21d.mp3)

First Class

[AUDIO] (https://www.sodah.de/wp-content/uploads/lu-audio-player/7eff1d5b-3ce3-43e3-82a0-e890fdbf9856.mp3)

Gentle Glide

[AUDIO] (https://www.sodah.de/wp-content/uploads/lu-audio-player/7c2e30d5-6a2e-4666-8992-ea63aa93a221.mp3)

Ice in the glass

[AUDIO] (https://www.sodah.de/wp-content/uploads/lu-audio-player/d5d5a460-b83b-46df-be17-651474990638.mp3)

Midnight Velvet

[AUDIO] (https://www.sodah.de/wp-content/uploads/lu-audio-player/87f7e82a-2226-40e9-b334-8ae0bb581822.mp3)

Soul Connection

[AUDIO] (https://www.sodah.de/wp-content/uploads/lu-audio-player/856cdc89-5f87-4e25-818c-a17176dd39d5.mp3)

Sunday Morning

[AUDIO] (https://www.sodah.de/wp-content/uploads/lu-audio-player/572cf0b1-bf8d-45dd-ac6f-c46694a6e522.mp3)

Take your time

[AUDIO] (https://www.sodah.de/wp-content/uploads/lu-audio-player/4d7ca760-d09f-4460-9424-7a00413ae06e.mp3)

Worries at the door

[AUDIO] (https://www.sodah.de/wp-content/uploads/lu-audio-player/40235ac4-a8f2-4d27-8023-bc335566df67.mp3)

Dawn Patrol

[AUDIO] (https://www.sodah.de/wp-content/uploads/lu-audio-player/f5c37bc9-4476-4270-9376-90c1e3a1fdf7.mp3)

First Cup

[AUDIO] (https://www.sodah.de/wp-content/uploads/lu-audio-player/878ff87e-ce3c-46eb-9d37-e8b408b94363.mp3)

Fresh Start

[AUDIO] (https://www.sodah.de/wp-content/uploads/lu-audio-player/801f5b98-27ad-49c2-bb97-7166f3045ee3.mp3)

Golden Hour

[AUDIO] (https://www.sodah.de/wp-content/uploads/lu-audio-player/f7378183-ce76-429d-b8fc-f230919a3d6f.mp3)

Hump Day

[AUDIO] (https://www.sodah.de/wp-content/uploads/lu-audio-player/14bbdc2d-b6be-45c4-8659-a51d0d02d127.mp3)

Lazy Sunday

[AUDIO] (https://www.sodah.de/wp-content/uploads/lu-audio-player/5c874990-c8b0-47d6-80bd-54903338c030.mp3)

Midnight Cruise

[AUDIO] (https://www.sodah.de/wp-content/uploads/lu-audio-player/d3217e7f-1d6f-4c0c-bbb3-87bb09d8a5dc.mp3)

Pre Party

[AUDIO] (https://www.sodah.de/wp-content/uploads/lu-audio-player/97e406a0-0d48-4c7b-8f70-29c2f60852d9.mp3)

Welcome Jost

[AUDIO] (https://www.sodah.de/wp-content/uploads/lu-audio-player/979e3551-c00b-4146-b6ba-75f161d3c31a.mp3) [Download] (https://1.envato.market/c/1297729/275988/4415?u=https%3A%2F%2Fcodecanyon.net%2Fitem%2Fluna-audio-player-plugin-with-playlist-and-audio-visualizer%2F26560607)

Was die Einbindung braucht.

## Technik & Rahmenbedingungen

### Die technische Grundlage

### Browser & JavaScript

HTML5-Audio und Javascript. Für echte Frequenzvisualisierung zusätzlich die Web Audio API.

### Passender Token

Der Player prüft einen Token gegen die aktuelle Seitenadresse. Die Einbindung muss dazu passend eingerichtet werden.

### Erreichbare Quellen

Audio, Cover und Playlists müssen erreichbar sein. Bei fremden Domains können [CORS-Freigaben] (https://developer.mozilla.org/de/docs/Web/HTTP/CORS) oder ein passend eingerichteter Proxy nötig sein.

### PHP für MP3-Ordner

Die Ordnerquelle benötigt die PHP-Hilfsdatei und einen lesbaren Serverpfad. Der Zugriff auf erlaubte Ordner muss serverseitig abgesichert werden. Andere Quelltypen benötigen diese Hilfsdatei nicht.

### Gut zu wissen, bevor es losgeht.

#### Autoplay bleibt eine Browserentscheidung.

Die Option ist vorhanden; ein automatischer Start ist nicht garantiert.

#### Safari und iOS nutzen simulierte Visualisierung.

Die vorliegende Version schaltet dort den echten Analyzer um. Unter iOS wird die eigene Lautstärkeregelung ausgeblendet.

#### Quellen gezielt prüfen.

RSS wird für audio/mpeg verarbeitet. SoundCloud ist im Beispiel genannt, im Player aber nicht als Quelle implementiert.

#### Kein fertiges WordPress-Plugin.

Es gibt keine WordPress-Administration oder Shortcodes. Eine Verwendung in WordPress erfordert eine individuelle Einbindung.

### Welche Daten werden verarbeitet?

Der Player lädt Audiodateien, Playlist-Daten und Cover. Fehlende Titelinformationen können aus Dateimetadaten ergänzt werden. Im vorhandenen Player-Code gibt es keine eigene Datenbank oder Hörerstatistik. Er lädt jedoch Google Fonts und gegebenenfalls externe Medien; beim Teilen öffnet er Dienste Dritter. Die verwendeten Quellen und die Einbindung müssen deshalb projektspezifisch geprüft werden.

Teil Ihrer Website. Teil Ihres Auftritts.

## Audio & Webentwicklung mit Sodah

[Download] (https://1.envato.market/c/1297729/275988/4415?u=https%3A%2F%2Fcodecanyon.net%2Fitem%2Fluna-audio-player-plugin-with-playlist-and-audio-visualizer%2F26560607)

### Ein Musikportfolio, ein Podcast oder eine Sammlung von Hörproben: Der Player lässt sich in ein passendes Webprojekt einbinden.

Sprechen Sie mit Sodah über Ihre Inhalte und die vorhandene Website. Gemeinsam lässt sich klären, welche Quelle, Darstellung und technische Einbindung für Ihr Projekt sinnvoll sind.

[Webentwicklung mit Sodah] (https://www.sodah.de/webentwicklung-agentur/) [Support & Wartung] (https://www.sodah.de/webdesign-agentur/support-wartung/)

## Häufige Fragen

### Gut zu wissen.

Konkrete Antworten zu Funktionen, Quellen und Einbindung.

### [Was ist LUNA AUDIO PLAYER?] (#1fd6d2f66569d010f)

LUNA AUDIO PLAYER ist ein HTML5 Audioplayer von Sodah Webdesign. Das JavaScript-/jQuery-Tool stellt Audiodateien, Playlists und geeignete RSS-Podcasts auf Websites dar und spielt sie im Browser ab. Es bietet unter anderem Cover, Titelinformationen, mehrere Player-Ansichten und Visualizer.

### [Ist LUNA AUDIO PLAYER ein WordPress-Plugin?] (#10ebc566bb852d95c)

Nein. Die vorliegenden Dateien enthalten einen JavaScript-/jQuery-Player und eine PHP-Hilfsdatei für MP3-Ordner. Eine WordPress-Administration, Shortcodes oder ein Block sind nicht implementiert. Für den Einsatz auf einer WordPress-Website ist eine individuelle Einbindung erforderlich.

### [Welche Audioquellen werden unterstützt?] (#c3f9e14cbe2e23465)

Implementiert sind HTML-Listen, XML-Playlists im vorgesehenen ul/li-Format, RSS-Feeds mit Audio-Enclosures vom Typ audio/mpeg, MP3-Ordner auf dem Server und einzelne Audiodateien. SoundCloud kommt nur im Beispiel vor; ein passender Loader fehlt. Die Abspielbarkeit einer Datei hängt außerdem vom Browser und ihrer Erreichbarkeit ab.

### [Werden Titel und Cover automatisch erkannt?] (#7a562853afbfbdccf)

Wenn Interpret und Titel eines Playlist-Eintrags beide fehlen, versucht der Player, ID3-Metadaten aus der Audiodatei zu lesen. Vorhandene Angaben zu Interpret, Titel und eingebettetem Cover werden übernommen. Bei einer Einzeldatei wird dieser Versuch ausgelöst, wenn kein Name angegeben wurde. Das Ergebnis hängt von den vorhandenen Metadaten und dem Zugriff auf die Datei ab.

### [Zeigt der Visualizer die tatsächlichen Audiodaten?] (#b89f540ed3c41b1aa)

Im Modus „real“ nutzt der Player Frequenzdaten der Web Audio API. Der Modus „fake“ erzeugt eine simulierte Animation. In der vorliegenden Version wird für Safari und iOS automatisch auf die Simulation umgestellt. Echte Visualisierung setzt einen passenden Browser und geeignete Zugriffsfreigaben der Audioquelle voraus.

### [Startet die Musik automatisch?] (#eb9b266a0a7fd4465)

Es gibt eine Autoplay-Option. Ob Audio automatisch startet, entscheidet jedoch der Browser. Häufig ist eine Interaktion des Besuchers erforderlich. Während der Wiedergabe kann der Player zum nächsten Titel wechseln oder den aktuellen Titel bei aktivierter Wiederholung erneut abspielen.

### [Kann ich Downloads oder einen Verkauf anbieten?] (#9830f56325e2674fc)

HTML- und XML-Einträge können einen Download-Schalter und eine externe Kaufadresse enthalten. Der Download hängt von Browser und Serverantwort ab. Der Kauflink öffnet die hinterlegte Adresse; Warenkorb, Zahlungsabwicklung und Zugriffsschutz sind nicht Teil des Players.

### [Welche Daten und externen Dienste nutzt der Player?] (#cf073f77df4e1de08)

Verarbeitet werden Audioadressen, Playlist-Einträge, Titelinformationen, Cover und gegebenenfalls Dateimetadaten. Der Player lädt Google Fonts sowie die konfigurierten Medienquellen. Teilen-Funktionen öffnen externe Dienste. Im vorhandenen Code sind keine eigene Hörerstatistik, Nutzerkonten oder Datenbank implementiert. Eine datenschutzgerechte Einbindung muss für das konkrete Projekt beurteilt werden.