react-soundcloud-embedded

🎵 Fork of Embedded SoundCloud widget, now with TypeScript typings.

Installation

npm install react-soundcloud-embedded

or

yarn add react-soundcloud-embedded

Usage

import ReactSoundcloud from 'react-soundcloud-embedded';

Simple usage:

import React, { FC } from 'react'
import ReactDOM from 'react-dom'
import ReactSoundCloud from 'react-soundcloud-embedded'
import MyTrackURL from './somewhere'

const Page = (): FC => (
  <div>
    <label>My SoundCloud:</label>
    <ReactSoundCloud url={MyTrackURL} />
  </div>
)

ReactDOM.render(<Page />, document.getElementById('root'))

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