https://github.com/matswainson/react-custom-soundcloud

Custom Soundcloud player for React, supporting single tracks & playlists
https://github.com/matswainson/react-custom-soundcloud

custom-soundcloud-player react soundcloud soundcloud-player

Last synced: 23 days ago
JSON representation

Custom Soundcloud player for React, supporting single tracks & playlists

• Host: GitHub
• URL: https://github.com/matswainson/react-custom-soundcloud
• Owner: matswainson
• Created: 2020-01-17T20:05:57.000Z (almost 5 years ago)
• Default Branch: master
• Last Pushed: 2022-12-11T21:20:55.000Z (about 2 years ago)
• Last Synced: 2024-12-08T09:34:21.819Z (about 1 month ago)
• Topics: custom-soundcloud-player, react, soundcloud, soundcloud-player
• Language: TypeScript
• Homepage: http://npm.im/react-custom-soundcloud
• Size: 1.76 MB
• Stars: 2
• Watchers: 2
• Forks: 0
• Open Issues: 20
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
![react-custom-soundcloud](https://matswainson.com/images/github/soundcloud.png)

# React custom soundcloud player

Custom Soundcloud player supporting single tracks & playlists

### Example

![react-custom-soundcloud-2](https://matswainson.com/images/github/soundcloud-player.png)

```js

import SoundCloud from 'react-custom-soundcloud';

import 'react-custom-soundcloud/dist/style.css';

const MyComponent = () => {

  return ;

}

```

#### Options

| Name | Type | Default | Description |

|-----------|-----------|-------------|-------------|

| track | `string` | - | ID of track |

| playlist | `string` | - | ID of playlist |

| mini | `boolean` | `false` | Small player with inline play button |

| theme | `string` | `dark` | Playlist colours - accepts `dark` or `light` |

Track or playlist IDs can be found from Soundcloud embed player URLs

### Browser Support

* Chrome

* Firefox

* Internet Explorer 10 +

* Opera