Migrate to Netlify Today

Netlify announces the next evolution of Gatsby Cloud. Learn more

ContactSign Up
Community Plugin
View plugin on GitHub

gatsby-remark-embed-soundcloud

Embed Soundcloud songs and sets in your markdown files!

Install

  1. Install plugin to your site:
yarn add gatsby-remark-embed-soundcloud
  1. Add following to your gatsby-config.js:
    plugins: [
      {
        resolve: "gatsby-transformer-remark",
        options: {
          plugins: [
            "gatsby-remark-embed-soundcloud"
          ]
        }
      },
  1. Restart gastby.

Usage

## My blog post

This is an example of embedding a single soundcloud track. Just type your markdown as you normally do, and then insert a valid soundcloud link anywhere to automatically transform it into an embed!

https://soundcloud.com/gareteliot/beacons

You can also embed soundcloud sets the exact same way!

https://soundcloud.com/gareteliot/sets/coastline-paradox

Configuration

    plugins: [
      {
        resolve: "gatsby-transformer-remark",
        options: {
          plugins: [
          {
            resolve: "gatsby-remark-embed-soundcloud",
            options: {
              width: 800, // default is "100%"
              height: 500, // default is 300
              color: "#ff00ff", // default is #ff5500
              autoplay: true, // default is false
            }
          }
          ]
        }
      },

License

MIT

© 2023 Gatsby, Inc.