Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
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
- Host: GitHub
- URL: https://github.com/r3l4x3/soundcloud-webplayer
- Owner: R3l4x3
- License: mit
- Created: 2017-04-03T13:37:23.000Z (over 7 years ago)
- Default Branch: master
- Last Pushed: 2020-08-27T01:58:18.000Z (over 4 years ago)
- Last Synced: 2024-10-10T01:01:08.365Z (2 months ago)
- Topics: bulma, soundcloud, soundcloud-api, soundcloud-widget, vuejs2
- Language: JavaScript
- Homepage: https://r3l4x3.github.io/soundcloud-webplayer/
- Size: 1.98 MB
- Stars: 8
- Watchers: 2
- Forks: 4
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- License: LICENSE.md
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)