react-soundcloud-embed

Soundcloud component

Usage no npm install needed!

<script type="module">
  import reactSoundcloudEmbed from 'https://cdn.skypack.dev/react-soundcloud-embed';
</script>

README

React Soundcloud

Embed Soundcloud widget.

https://raw.githubusercontent.com/keske/react-soundcloud/c0ef115f6539120088079793eb45186b45d899af/example/images/visualTrue.png

https://raw.githubusercontent.com/keske/react-soundcloud/c0ef115f6539120088079793eb45186b45d899af/example/images/visualFalse.png

Installation

npm install react-soundcloud

Usage

var ReactSoundcloud = require('react-soundcloud-embed');

or

import ReactSoundcloud from 'react-soundcloud-embed';

Simple usage:

React.render(<ReactSoundcloud url="https://soundcloud.com/icebound/dusty-breaks-at-the-bottom-of-the-random-crates"/>, document.getElementById('ReactSoundcloud'));

Props

  • width (String) - widget width, default: 100%
  • height (String) - widget height, default: 450px
  • url (String) - URL to track, default: https://api.soundcloud.com/tracks/210785280,
  • autoPlay (Boolean) - auto play track, default: false,
  • hideRelated (Boolean) - hide related, default: false,
  • showComments (Boolean) - show comments, default: true,
  • showUser (Boolean) - show users, default: true,
  • showReposts (Boolean) - show reposts, default: false,
  • visual (Boolean) - true for background image, default: true,
  • color (String) - play button color, default: ff5500

TODO

  1. Example page