Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/r3l4x3/soundcloud-webplayer

🎵 A SoundCloud Web Player built with Vue.js
https://github.com/r3l4x3/soundcloud-webplayer

bulma soundcloud soundcloud-api soundcloud-widget vuejs2

Last synced: 2 months ago
JSON representation

🎵 A SoundCloud Web Player built with Vue.js

Awesome Lists containing this project

README

        

# Vue.js SoundCloud Web Player

A SoundCloud Web Player built with Vue.js

## Demo

![Screenshot.png](Screenshot.png)

Try out the [demo](https://r3l4x3.github.io/soundcloud-webplayer/)!

## How to use

Simply [open the player](https://r3l4x3.github.io/soundcloud-webplayer/) in your browser.

In addition you can provide a url query parameter with
>`?url=https://soundcloud.com/jaidencollisbootlegs2/danceoff`

For Example:
> https://r3l4x3.github.io/soundcloud-webplayer/?url=https://soundcloud.com/jaidencollisbootlegs2/danceoff

## Built With / Used

* [Vue.js](https://vuejs.org/) - The JavaScript framework used
* [bulma.io](http://bulma.io) - The CSS framework used
* [GitHub Corners](https://github.com/tholman/github-corners) - by Tim Holman
* [Vue.js NoUiSlider](https://github.com/R3l4x3/vue-nouislider) - Another project of mine

## Build Setup

``` bash
# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build

# build for production and view the bundle analyzer report
npm run build --report
```

## Inspiration

I wanted to do this web player in Vue.js after seeing the version from [shahzeb1](https://github.com/shahzeb1) here https://github.com/shahzeb1/soundcloud-player/

## License

Copyright (c) 2017, Sebastian Wilms.

This project is licensed under the terms of the MIT license. See [LICENSE.md](LICENSE.md)