componenten

Audiocomponent

Met de <mave-audio>-component speel je audio-uploads en de audiotracks van een video af. De component gebruikt dezelfde thema’s en bedieningselementen als de spelercomponent, in een compacte weergave.

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

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

De spelercomponent gebruikt deze audioweergave automatisch voor uploads met alleen audio. Gebruik <mave-audio> als je ook van een video alleen de audio wilt afspelen.

Attributen

Attribuut	Beschrijving
embed (verplicht)	Verwijst naar een audio- of video-embed met een beschikbare audiotrack.
type	Standaard `line` voor een voortgangsbalk. Gebruik `wave` voor een golfvorm op basis van de audio.
theme	Ondersteunt de bestaande thema’s `default`, `dolphin` en `synthwave`, met beide tijdlijntypen.
controls	Standaard `full`. Je kunt ook `big`, `none` of een aangepaste lijst met bedieningselementen opgeven.
color	Stelt de achtergrondkleur in. Tekst en iconen passen zich automatisch aan voor voldoende contrast.
audio-title	Standaard de naam van de embed.
audio-subtitle	Optionele tekst onder de titel.
audio-artwork	Afbeeldings-URL, gebruikt wanneer `thumbnail` in `controls` staat. Standaard de poster van de embed.

Zijn er geen golfvormgegevens beschikbaar voor de gekozen audiotrack, dan toont wave een voortgangsbalk. Oudere uploads moeten opnieuw worden verwerkt om golfvormgegevens te genereren.

Bedieningselementen

Standaard zijn afspelen, tijd, tijdlijn, volume, ondertiteling en audiotrackselectie beschikbaar wanneer de bron dit ondersteunt. Voeg thumbnail toe om een afbeelding te tonen; zonder dit bedieningselement blijft die verborgen, ook bij full. Afspeelsnelheid (rate) en AirPlay (airplay) zijn ook optioneel. Bedieningselementen voor video, zoals volledig scherm en Cast, worden genegeerd.

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

De attributen subtitles en audiotracks, afspeelmethoden en events werken hetzelfde als bij de spelercomponent.