https://github.com/matswainson/vue-soundcloud-player

Custom Soundcloud player for Vue, supporting single tracks & playlists
https://github.com/matswainson/vue-soundcloud-player

custom-soundcloud-player player soundcloud vue vue-soundcloud-player

Last synced: about 1 month ago
JSON representation

Custom Soundcloud player for Vue, supporting single tracks & playlists

• Host: GitHub
• URL: https://github.com/matswainson/vue-soundcloud-player
• Owner: matswainson
• Created: 2020-01-20T21:44:20.000Z (almost 6 years ago)
• Default Branch: master
• Last Pushed: 2022-12-11T22:48:25.000Z (almost 3 years ago)
• Last Synced: 2025-10-24T01:38:11.807Z (about 2 months ago)
• Topics: custom-soundcloud-player, player, soundcloud, vue, vue-soundcloud-player
• Language: Vue
• Homepage: http://npm.im/vue-soundcloud-player
• Size: 1.32 MB
• Stars: 12
• Watchers: 1
• Forks: 4
• Open Issues: 18
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

• awesome-vue - vue-soundcloud-player - Custom Soundcloud player for Vue, supporting single tracks & playlists (UI Components [🔝](#readme))
• awesome-vue - vue-soundcloud-player - A custom Soundcloud player supporting single tracks & playlists (Components & Libraries / UI Components)

README

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

# Vue custom soundcloud player

Custom Soundcloud player supporting single tracks & playlists

### Example

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

```js

  

import SoundCloud from 'vue-soundcloud-player';

export default {

  ...

  components: {

    SoundCloud

  },

  methods: {

    ready() {

      // fired when the player is loaded

    }

  }

  ...

}

```

#### 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 9+

* Opera