react-simple-soundcloud-widget

basic react wrapper around their widget

Downloads in past

Stats

StarsIssuesVersionUpdatedCreatedSize
react-simple-soundcloud-widget
300.0.54 years ago4 years agoMinified + gzip package size for react-simple-soundcloud-widget in KB

Readme

react-simple-soundcloud-widget
Basically this is a rewrite of the simple https://github.com/troybetz/react-soundcloud-widget, which was unfortunately not being maintained any more.

dependencies

This library assumes you are using React and manage the React dependency by yourself.

use

install:
npm i react-simple-soundcloud-widget

using:
import SoundCloudWidget from 'react-simple-soundcloud-widget'

<SoundCloudWidget
    url="https://soundcloud.com/timo-vaerigjarson/i-searched-myself"
/>

This is all that is truly necessary. Everything else is optional. Here is an example with all possible props for reference:
<SoundCloud
    url="https://soundcloud.com/timo-vaerigjarson/i-searched-myself"
    config={{
        auto_play: true // default
        visual: false // default
        buying: true // default
        liking: true // default
        download: true // default
        sharing: true // default
        show_artwork: true // default
        show_comments: true // default
        show_playcount: true // default
        show_user: true // default
        show_reposts: false // default
        hide_related: false // default
    }}
    onPlay={info => console.log('on play called', info)}
    onPause={info => console.log('on pause called', info)}
    onEnd={info => console.log('on end called', info)}
    onReady={() => console.log('on ready called')}
/>

develop

npm i
npm run start