---
isPage: true
draft: false
title: Audio
description: Add MP3 or OGG audio section.
icon: soundwave
hero:
  surtitle: Blocks
  title: Block audio
  text: Add MP3 or OGG audio section.
  ctas:
    - text: Documentation
      url: https://www.hugolify.io/docs/blocks/audio/
      blank: true
    - text: Page code on Github
      url: https://raw.githubusercontent.com/Hugolify/hugolify-example-site/refs/heads/main/content/docs/audio.md
      blank: true
blocks:
  - type: audio
    background: false
    heading:
      title: Lorem ipsum dolor sit amet, consectetur adipiscing elit.
    audio:
      mp3: /audios/t-rex-roar.mp3
  - type: audio
    background: true
    heading:
      title: Lorem ipsum dolor sit amet, consectetur adipiscing elit.
    audio:
      mp3: /audios/t-rex-roar.mp3
      transcription: >-
        Curabitur nec ipsum sit amet tellus *sagittis* blandit. Nulla massa nibh,
        cursus a arcu et, viverra sodales ipsum. Duis id congue metus. In commodo
        lectus ut **ligula elementum**, ac commodo tortor rhoncus. Vivamus
        sollicitudin eu magna sed interdum. Mauris lobortis pulvinar lectus at
        semper. Proin ac nunc urna. In placerat lorem ut tempus interdum. Maecenas
        nec iaculis lorem.
---