vue-soundcloud-player

Custom Soundcloud player supporting single tracks & playlists
2,330 12
Install
npm install vue-soundcloud-player
Latest Version:1.2.0
Vue:2
License:MIT
Last Updated:Dec 11, 2022
Links: GitHub  ·  npm
Maintainer: matswainson

vue-soundcloud-player

Vue custom soundcloud player

Custom Soundcloud player supporting single tracks & playlists

Example

vue-soundcloud-player-2

<template>
  <SoundCloud
    track="194881641"
    :mini="true"
    @ready="ready"
  />
</template>

<script>
import SoundCloud from 'vue-soundcloud-player';

export default {
  ...
  components: {
    SoundCloud
  },
  methods: {
    ready() {
      // fired when the player is loaded
    }
  }
  ...
}
</script>
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

Related Packages

youtube-vue3

Youtube player component for vue.js 3.x

141,913 26
vue-dplayer

A Vue 2.x video player component based on DPlayer

15,620 619
youtube-vue

Youtube player component for vue.js 2.x

5,112 0
v3d-player

Vue3 Dplayer-Lite

2,588 5
v3d-monitor

Vue3 Multi-window video player

2,371 1

Version History

Version Released Vue License
1.2.0 ^2.6.11 MIT
1.1.4 ^2.6.11 MIT
1.1.3 ^2.6.11 MIT
1.1.2 ^2.6.11 MIT
1.1.1 ^2.6.11 MIT