Lumeo

AudioPlayer

A themed audio player with play/pause, scrub bar, time display, volume, optional cover art, and download.

Installation

dotnet add package Lumeo

One-time app setup (AddLumeo(), CSS & JS) is covered in the installation guide.

Usage

@using Lumeo

<AudioPlayer />

When to Use

  • Embed a single audio track inline with metadata (title, artist, cover) instead of the unstyled native <audio> element
  • Provide consistent playback controls in podcast, music, or voice-memo features
  • Offer a download affordance for hosted media when licensing allows
  • Auto-loop short ambient or ringtone-style clips
  • React to playback events (play / pause / ended / timeupdate) from C# code
Piano sampleCool Edit demo
0:00 / 0:00
Album cover
Piano sampleCool Edit demo
0:00 / 0:00
Looping piano sampleCool Edit demo
0:00 / 0:00
Tracked sampleCool Edit demo
0:00 / 0:00

Last event: (none)

API Reference

AudioPlayer

  • FileUpload — Capture an audio file from the user before playing it back
  • Image — Pair with AudioPlayer's Cover slot for static album art
  • Avatar — Compact cover-art fallback for podcast hosts or speakers