react-soundcloud-embedded

!npm
!npm bundle size

🎵 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:

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

const Page = (): FC => (


)

ReactDOM.render(, document.getElementById('root'))
`

$3


- 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`