react-soundcloud-embed

1.0.3 • Public • Published

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

Package Sidebar

Install

npm i react-soundcloud-embed

Weekly Downloads

6

Version

1.0.3

License

MIT

Last publish

Collaborators

  • andreykeske