Komponenten

Audio-Komponente

Die <mave-audio>-Komponente spielt Audio-Uploads und die Audiospuren eines Videos ab. Sie verwendet dieselben Themes und Steuerelemente wie die Player-Komponente, in einem kompakten Layout.

<script
  type="module"
  src="https://cdn.video-dns.com/npm/@maveio/components/+esm"
></script>

<mave-audio embed="{embed id}"></mave-audio>

Die Player-Komponente verwendet dieses Audio-Layout automatisch für reine Audio-Uploads. Verwenden Sie <mave-audio>, wenn Sie auch von einem Video nur die Audiospuren abspielen möchten.

Attribute

Attribut	Beschreibung
embed (erforderlich)	Verweist auf ein Audio- oder Video-Embed mit einer verfügbaren Audiospur.
type	Standardmäßig `line` für einen Fortschrittsbalken. Verwenden Sie `wave` für eine Wellenform auf Basis des Audios.
theme	Unterstützt die bestehenden Themes `default`, `dolphin` und `synthwave` mit beiden Zeitleistentypen.
controls	Standardmäßig `full`. Akzeptiert auch `big`, `none` oder eine eigene Liste von Steuerelementen.
color	Legt die Hintergrundfarbe fest. Text und Symbole passen sich automatisch für ausreichenden Kontrast an.
audio-title	Standardmäßig der Name des Embeds.
audio-subtitle	Optionaler Text unter dem Titel.
audio-artwork	Bild-URL, die verwendet wird, wenn `thumbnail` in `controls` enthalten ist. Standardmäßig das Poster des Embeds.

Sind für die ausgewählte Audiospur keine Wellenformdaten verfügbar, zeigt wave einen Fortschrittsbalken an. Ältere Uploads müssen erneut verarbeitet werden, um Wellenformdaten zu erzeugen.

Steuerelemente

Die Standardsteuerung umfasst Wiedergabe, Zeit, Zeitleiste, Lautstärke, Untertitel und Audiospurauswahl, sofern verfügbar. Fügen Sie thumbnail hinzu, um ein Bild anzuzeigen; andernfalls bleibt es ausgeblendet, auch bei full. Wiedergabegeschwindigkeit (rate) und AirPlay (airplay) sind ebenfalls optional. Steuerelemente für Video wie Vollbild und Cast werden ignoriert.

<mave-audio
  embed="{embed id}"
  type="wave"
  theme="dolphin"
  controls="full thumbnail rate"
></mave-audio>

Die Attribute subtitles und audiotracks, Wiedergabemethoden und Ereignisse funktionieren wie bei der Player-Komponente.