Migrate to Netlify Today

Netlify announces the next evolution of Gatsby Cloud. Learn more

ContactSign Up
Community Plugin
View plugin on GitHub

gatsby-remark-audio

Forked from gatsby-remark-video

This is a Gatsby remark plugin that creates HTML5 audio tags from local or remote audio sources.

Installation

npm install gatsby-remark-audio

Usage

In your markdown:

`audio: /static/test.mp3`

`audio: https://www.mytestaudiosource.com/test.mp3`

Add the following in your gatsby-config.js (must be included under the plugins key on gatsby-transformer-remark)

{
  resolve: `gatsby-transformer-remark`,
  options: {
    plugins: [
      {
        resolve: 'gatsby-remark-audio',
        options: {
          preload: 'auto',
          loop: false,
          controls: true,
          muted: false,
          autoplay: false
        }
      },
    ...skipped lines
    ]
  }
}
© 2023 Gatsby, Inc.