Audio

Displays a audio element.

Frontmatter

blocks:
  - type: audio
    heading: {} # (optional)
      surtitle: '' # string (optional)
      title: '' # string (optional)
      text: '' # markdown (optional)
    audio: {}
      mp3: '' # url (optional)
      ogg: '' # url (optional)
      autoplay: false # boolean (optional)
      loop: false # boolean (optional)
      transcription: '' # markdown (optional)
    ui: {} # (optional)
      theme: '' # [accent, black, dark, highlight, light, neutral, white] (optional)
      grid: '' # [xsmall, small, medium, large, container, full] (optional)
      offset: '' # [start, center, end] (optional)
      align: '' # [start, center, end] (optional)

The sources are lazy-loaded: js/blocks/audio.js swaps data-src for src on first interaction.

See Common keys for heading, footing and the full ui reference.

Demo visual renderer

Files

CMS availability

CMS	Hugolify Admin v2
CloudCannon	Available
Decap CMS	Available
Netlify CMS	Available
Pages CMS	Available
Static CMS	Available
Sveltia CMS	Available
Tina CMS	Available