Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/rainner/soma-fm-player

This is a Vue.js web application for streaming radio stations from Somafm.com. This app uses the public SomaFM JSON channels API endpoint to pull in a list of stations and makes it easy to switch between stations. This app also uses Three.js and the HTML5 Web Audio Context API to sample audio data and create a visualizer effect for the selected station.
https://github.com/rainner/soma-fm-player

audio javascript somafm spa threejs ui visualizer vuejs

Last synced: about 1 month ago
JSON representation

This is a Vue.js web application for streaming radio stations from Somafm.com. This app uses the public SomaFM JSON channels API endpoint to pull in a list of stations and makes it easy to switch between stations. This app also uses Three.js and the HTML5 Web Audio Context API to sample audio data and create a visualizer effect for the selected station.

Awesome Lists containing this project

README

        

[site]: https://rainnerlins.com/
[twitter]: https://twitter.com/raintek_
[mit]: https://www.opensource.org/licenses/mit-license.php
[repo]: https://github.com/rainner/soma-fm-player/
[demo]: https://somafm.loudfusion.com/
[somafm]: https://somafm.com/
[audioapi]: https://developer.mozilla.org/en-US/docs/Web/API/AudioContext
[vue]: https://github.com/vuejs/vue
[node]: https://nodejs.org/

# SomaFM Music Player Web-App

![SomaFM-Player](https://raw.githubusercontent.com/rainner/soma-fm-player/master/thumb.jpg)

This is a Vue.js web application for streaming radio stations from [Somafm.com][somafm]. This app uses the public SomaFM JSON channels API endpoint to pull in a list of stations and makes it easy to switch between stations. This app also used Three.js and the [HTML5 Web Audio Context API][audioapi] to sample audio data and create a visualizer effect for the selected station.

##### [Check it out here][demo]

### Author

[Rainner Lins][site]
[@raintek_][twitter]

### License

Licensed under [MIT][mit].