Merge pull request #175 from Cahllagerfeld/cahllagerfeld/add-soundcloud

Author: spences10

src/lib/components/soundcloud.svelte

@@ -0,0 +1,19 @@
+<script lang="ts">
+  import GeneralObserver from './general-observer.svelte'
+  export let soundcloudLink: string = ''
+  export let width: string = '100%'
+  export let showVisual: boolean = true
+  export let height: string = '300'
+</script>
+
+<GeneralObserver {height} {width}>
+  <iframe
+    {width}
+    {height}
+    title={`soundcloud-${soundcloudLink}`}
+    scrolling="false"
+    frameborder="0"
+    allow="autoplay"
+    src="https://w.soundcloud.com/player/?url={soundcloudLink}&visual={showVisual}"
+  />
+</GeneralObserver>

src/lib/index.ts

@@ -7,3 +7,4 @@ export { default as Spotify } from './components/spotify.svelte'
 export { default as Tweet } from './components/tweet.svelte'
 export { default as Vimeo } from './components/vimeo.svelte'
 export { default as YouTube } from './components/you-tube.svelte'
+export { default as SoundCloud } from "./components/soundcloud.svelte"