@magic-modules/sound-cloud NPM

@magic-modules/sound-cloud

this is the @magic-modules SoundCloud component.

it embeds soundcloud tracks, playlist and user widgets.

installation:

npm install @magic-modules/sound-cloud

usage

in a page or module View

export const View = () => SoundCloud(props)

tracks

the track type shows a single track

SoundCloud({ type: 'track', src: '599883213' })

playlists

the playlists type shows a playlist

SoundCloud({ type: 'playlist', src: '613360614' })

users

the users type shows a user profile

SoundCloud({ type: 'users', src: '613360614' })

default arguments

@magic tries to keep the default arguments for soundcloud sane.

{
  visual = true,         // set to false to get a smaller view with 166px height
  show_teaser = false,   // show an overlay with soundcloud ads
  show_reposts = false,  // show reposts for this track/user/playlist
  show_user = true,      // show the user that uploaded the track or playlist
  show_comments = false, // show comments people left
  auto_play = false,     // auto play video (will not work in many browsers anyways)
  hide_related = true,   // hide artists that might match or not
  height = 300 || 166,   // default height for visual true || false
  width = '100%',
  scrolling = 'no',
  frameborder = 'no',
}