The app is a simple playlist. You can search for songs, get a list of potential matches, and add the song to your playlist. You can cycle back and forth through the songs, pause them, and delete them from the list. Thats about it!
If you want to cut to the code you can find it here on github.
I didn’t know backbone at all, and it seems hard to find good examples that are more than “heres a text box on a page”. One of the better ones out there that is well documented is the todo list app. It turns out this app fit rather nicely with my idea of a playlist, so I decided to start off with that codebase and modify it from there. It also uses the handy LocalStorage driver, which implements an HTML5 specification for storing structured data on the client side.
I am using the Rdio playback API to actually play the songs from the Rdio service, and that part is based largely on their hello web playback example. Their API does allow you to build playlists in their service, which is probably the more correct way to do this since you’d be able to access them in their web UI, but since that adds complexity thats not used in this version.
So check out playlister, let me know what you think. There’s a lot of room for improvement, especially with the markup and how some of the pieces fit together. All of the backbone code is in one file and that should be remedied. It could also be made to sync to a backend instead of localstorage and save the playlist into Rdio, and things like that. When you download it, just plug in your API keys into the js/token.js and you’re pretty much ready to go.