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

2. Add following to your gatsby-config.js:

    plugins: [
      {
        resolve: "gatsby-transformer-remark",
        options: {
          plugins: [
            "gatsby-remark-embed-soundcloud"
          ]
        }
      },

3. 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