Git Product home page Git Product logo

rainner / soma-fm-player Goto Github PK

View Code? Open in Web Editor NEW
136.0 8.0 32.0 6.64 MB

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.

License: MIT License

HTML 23.10% JavaScript 50.78% SCSS 25.54% CSS 0.58%
somafm vuejs threejs javascript spa ui audio visualizer

soma-fm-player's Introduction

SomaFM Music Player Web-App

SomaFM-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 used Three.js and the HTML5 Web Audio Context API to sample audio data and create a visualizer effect for the selected station.

Author

Rainner Lins @raintek_

License

Licensed under MIT.

soma-fm-player's People

Contributors

rainner avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

soma-fm-player's Issues

Safari and old chrome issues

The player seems to have issues with Safari (old and new) as well as older Chrome versions because of the direct use of AudioContext API. I already have this fixed locally, but not being able to push a new branch.
If you can let me please know how to contribute I would gladly submit a PR.

Thanks

AudioWorkletProcessor is not defined

When running I get an error from soundtouch-worklet.js
Uncaught ReferenceError: AudioWorkletProcessor is not defined.

How can it be? Shouldn't this be a native Chrome interface?

The phone page is wrong

I can't listen to the program and the page is messed up after opening it with my mobile phone

The AudioContext was not allowed to start. Chrome.

Any quick workaround for this?

The AudioContext was not allowed to start. It must be resumed (or created) after a user gesture on the page. https://goo.gl/7K7WLu
eval @ audio.js?dd07:6

It seems that in new versions of Chrome there is a new policy to block automatic start of audio. It can be started just after some user action on page.

Do you have non vue version?

This is very good player and I modify it to support non Soma FM player.

Do you have non vue js for this project?

Fonctionnality to add favorites tracks

Hello,
First of all, thank you for you application, it is so nice !
Would it be possible to add favorites tracks and then be able to export them as text file ?
Thank you ! ๐Ÿ‘

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.