ngTunes is a music based application allowing users to search Spotify to customize a playlist to sample their favorite tunes written in Angular 2. The visualization uses audiograph (https://github.com/mattdesl/audiograph.xyz) by the incredibly talented Matt DesLauriers and was ported to make an API available for use with Angular 2. While listening and viewing their playlist users can also tweet about what they're rocking as well as see what others are enjoying.
A mashup of many technologies were used to bring this experience to users. The project was scaffolded up using the Angular CLI. The visualization engine uses audiograph which was brought in and modified to provide an API for use in an Angular 2 service. The music catalog takes advantage of Spotify's API for searching and track playback. Twitter's API was used for both the ability to retrieve related tweets via live stream as well as posting to the user's timeline if they choose to share, which also includes a live screenshot of the visualization.
playlistmodel and updated app to use the new model properties
next trackkey binding to use the right arrow key
previous trackleft arrow key binding
geoScenemodule to allow for user defined color palettes
Stunning and Beautiful
Design is great but I have a little bit of freeze sometimes.
Great design and usability. The visualizer is trippy and the customization feature is really cool. Feature suggestion: navigate through user's playlists on Spotify.
Cool project - too bad that the biggest part of what makes it cool is someone else's project.
Good idea, but there are lot of bugs.
pretty sweet equalizer.
Really liked the app
it gave me a psychedelic experience ... nicely done (y)
Very nice use of APIs and audiograph.
Oh holy shit this is awesome!
The design is nice, but some buttons are hard to find when the screen is full of colors
One helluva an app :)
Great work guys
Awesome visualizer. Really fun to use and look at.
It would be nice to have some kind of autocomplete when searching musics.
Excellent idea. Maybe you should consider animation with lower resolution, because my browser dying :)
Nice visuals and music, good mashup of APIs
This is one of the prettiest entries to look it. That is a pretty awesome visualizer.
i dont get the difference to: audiograph.xyz
Holy cow, what an app! It's so cool that you can customize your visualizations (I'd like to see more!). It would be cool if you could even create your own visualizations, like use your own emojis or some such (getting some ideas here...). I do wish this app was a little more smooth on mobile. It's functional but the functionality gets a bit crunched up. Overall loved it!
Design is stunning for a hackathon. Even outside of the beautiful audio visualization, little touches like the playlist, search, and icons have an amazingly professional feel for two days worth of work.
I did notice some quirks in how the audio playback works, but I suspect that’s due to limitations in Spotify’s APIs. Overall spectacular work here.
I really REALLY liked this application! My first reaction was "Wow! I would totally use this!" The Spotify layer was interesting as I think that could work well as a standalone widget. I am not sure how long I could endure the visualizations and so it would be really neat to have a few additional options.
While this is not a new idea, the implementation here was amazing! I literally started laughing at how cool it was when i first used it. Great work team!
Animations and controls were smooth and the application was beautiful. Most of the splash was the pre-existing visualizer though. It would be cool if you could interact more deeply with the visualization than changing the color.
I like the integration of various APIs to make this happen. Also nice graphical effects.
This should be inside Spotify...
Love the integration with Spotify. Visualization are fun too. Nice job.
Oh, you've used angular-cli? :-)
Great job, just found my new audio player.