Neat, I made http://www.tubalr.com about 2 years ago and have been working on it every since. It made its way onto Mashable, Techcrunch, and several other blogs this past Dec/Jan.
Something to keep in mind, eventually YouTube will start blocking certain videos from being played on your site. This took a while and mainly started happening when traffic picked up. Theres no good way to pickout blocked videos, heres a function I use to weed through some of the blocked videos: https://github.com/cjstewart88/Tubalr/blob/master/app/assets...
This is a service I would really like. There's also youtify[1], but neither work for me (with youtify Soundcloud works but not YouTube). The music simply never starts.
That's too bad because such a "music mode" is something I would love to see on YouTube. It's not that I constantly listen to music on YouTube, that would be a waste of bandwidth, but I use YouTube almost exclusively as a music/artist discovery platform, then I download the musics I like once and for all. But I would still appreciate a lot to be able to actually have a working playlist/queue feature on YouTube, and also to be able to desactivate the video display (and download) to only keep the sound.
It's too bad that hiding the video is against YouTube's TOS. Most of the time the video is a single static image anyway.
About your second point, I didn't ask for "letting users download the music or the video", when I said that I download the music it can be from many sources, most of the time .zip or .rar files that the artists put on mediafire or some services like this.
If Youtube doesn't work in Youtify, you probably have some sort of flash blocker installed. If you don't, a bug report would be appreciated. (https://github.com/youtify/youtify)
I don't have any flashblocker installed. I thought it was because of HTTPS Everywhere but I disabled it temporarily and got the same result. Anyway I won't add an exception rule to HTTPS Everywhere for YouTube. So I have no clue at all what the cause could be, I don't think a "it doesn't work for me" bug report would be of any help.
I made http://www.tunesicles.com . It allows you to easily search youtube (you can search for an album and instantly add all the songs to a playlist). Not sure if this is something like what you would like!
Love the idea! I mainly use YouTube to find interesting music, and this would (will?) make that easier.
The interface seems sketchy though. Sometimes clicking on a song in the results list doesn't do anything. Other times there's a little flash, but it doesn't switch to playing that song. Sometimes it selects the song and the video appears to load, but it doesn't actually start playing. In general, the UI is frustrating because it looks clean and polished, but a gesture has the desired effect only about 75% of the time.
Another issue I found is that sometimes I get what seems to be the wrong video—it's not the song listed, and appears to be completely unrelated. Several times I got a video of somebody narrating a Dickens novel, and once an Asian game show of some kind. It could be wrong metadata on the YouTube side, but it happened often enough that I doubt it.
If you sort out these issues, this could be awesome.
The video not playing properly is an issue with the Youtube Chromeless player I used. I probably messed up the javascript somehow. I'll have it fixed when I implement the new UI.
The wrong video issue is simply the result of the first video result from youtube being wrongly tagged. I can't really do anything about it.
About Spotify, a friend of mine using it sent me a link to their website yesterday, and by visiting this link I was logged into her account, could see her personal informations and even change her password. I tweeted[1,2] about it as soon as I realized it. It's really a shame such a big website is so low on security…
I guess it might be a link from their desktop app to their website that she followed, but at least they could redirect to a clean url after having authenticated the user, it's okay that she sent that link to me (it was just to show me the prices of Spotify's monthly subscriptions), but what if she shared it publicly on Twitter or Facebook?
Having a spotify/itunes-esq UI for youtube is a great idea, but this is just ripping off Spotify a bit too closely IMHO.
However, I seem to remember that a German competitor for Spotify has done almost the exact same UI copy - so maybe Spotify aren't that bothered by it. It's not as if their UI is that ground breaking (as someone else comments, it much like iTunes), it's the backend tech that makes Spotify so good.
You may want to set cursor:pointer in your css. At first I didn't think I could click on a track to play it because it just showed the default cursor or, worse, a text-selector cursor.
Brilliant. I listen to music on YouTube alot; this is something I've been looking for. Easy to use, very clean look.
As soon as you implement the playlist feature, I plan to use it.
One question: What sort of limits do you have on the searching? I have a song I listen to on YouTube and when I type in the song or artist, it doesn't come up.
Really cool. It would be really useful though if I could sort the results, for example, by album/track number. Seems like a REALLY useful service nonetheless. Congrats.
EDIT: Also, sometimes people combine multiple songs into one youtube video, for example http://youtu.be/J0FawK4G_AY They seem to show up in your player as only the first song. This is a lot more complicated then my first suggestion, but some sort of detection of that (and maybe the possibly more common case of full album videos) would help save some confusion when users play one song and get another one for free. (BONUS!)
EDIT2: Also, allowing only one video for any given song has issues, for example, when the first result is a live video or otherwise bad quality. Maybe just a right click menu that lets you select "See alternate videos"?
Confusing UX. I assumed that "top 100 hits" button would give me the top 100 hits for my search term, rather than the search button only being implicit. The placeholder text is a bad position for instruction (as a rule, not just in this case) because it's gone when you are in need of the signpost of what to do.
Earlier this year I had developed my own app to listen to music through YouTube because I was finding myself using YouTube to just listen to songs I wanted to hear: http://www.deskamp.com
With all these new YouTube music apps coming out recently you'd think 2012 is the year when YouTube reigns supreme for music listening.
I have been looking for something like this for a long time. Youtube has pretty much all the music that I listen to but it's playlist handling is borderline unusable. Sometimes I wonder if this is something they do on purpose so users can not convert Youtube into a personal jukebox. Overall, great project and kudos to the developer!
The search results are sometimes quite weird. For example I can search for "The Who" now and get all the songs for the artists. I'll change the iTunes API I use now to Spotify's (or Last.FM's) soon.
Sometimes if you click on a song before the javascript for the music player loads it doesn't work. I'll do my best to fix it soon.
I use Last.FM to find similar songs. It appears in the right sidebar when you play any song.
I didn't use Last.FM for the main search, because I couldn't get the album name directly from the keyword search (the JSON has the title and artist only). Getting the album name would require querying the API for each search result which again I tried but takes about 30 sec for the results to appear.
I am considering using Spotify's API though since iTunes gives strange results sometimes.
I finally decided to try my hand at coding and this is the result of about 2 weeks of learning. I decided to skip the tutorials and books and jumped straight into coding. The code's mess but it works and that's great.
I still have a lot to learn, but I do plan on adding three features:
1. Have new searches not interrupt the current song.
2. Make the video resizable.
3. Add playlists. I actually asked a fellow HN-ers to help out with this because I don't think I'll be able to handle databases yet.
I would also recommend hiding the auto-suggest right hand side bar until everything is loaded and then sliding it into view when ready. I suggest this for 2 reasons,
1. I initially clicked the song and the first thing I noticed, before I the music played was the "this might take 90 seconds dialog" and I was ready to kill the tab thinking.
2. Just the fact that it says this might take a long time, is a 'downer', its better to make that view visible when it is ready so that user doesn't have to ever know of the fact that you have a process that takes 90 seconds.
I am a designer, and have coded HTML/CSS before. I have been trying to learn coding for years, but never get beyond the intro chapters in most books.
So this is my project. I just picked PHP (because it seemed to be simple enough - just drop <?php ?> into the HTML), and decided to code this concept. Lots of stackoverflow and github searches later I finally have a working version.
Ah the HTML/CSS background explains a lot. Because most first-time coders could never make anything this nice looking. And it's very functional too, so I'm definitely not trying to bash your PHP skills.
Would be nice to know how popular a particular tune was, i.e. at minimum Youtube Views and preferably also Likes/Dislikes as columns so you could order by them.
This is useful for many reasons, e.g. someone recommended a band and you do not know the easiest way to get into it.
Beautiful! I just wish there was a way to disable the video player on the bottom left, but seeing as how you're using youtube I don't see that being a possibility. Here's what I immediately love about this: no registration.
The search delays get annoying. Have you thought about caching search results on the server? It seems that would be especially useful if everyone is listening to the same playlist (as is the case now.)
Nice work ashraful. The interface looks great and is easy to use. Just one small suggestion for improvement: could you make the mouse cursor to be a pointer when hovering over the rows of videos?
Nicely done, but I would love a separate column for the bitrage/quality of the music. Most of the music on YouTube is subpar bitrate, and music should usually be heard in decent quality. :)
Nice app. But I suspect that this will draw more attention to the possibility of using YouTube as a music service and therefore increase the risk of these videos taken off YouTube.
Nowadays almost all the music videos on Youtube are legal. Most of them are from VEVO's official channel. So the risk of them getting taken off youtube is quite low.
It takes your search term and queries the iTunes API. Using the search results, the Youtube API is queried for the search term "<song name> - <artist name>". The first video result is taken (it may or may not be the correct video but usually is).
The video is played using Youtube's Chromeless Player.
Similar results are displayed using Last.FM's API.
Spotify and iTunes may have similar UI but this site and Spotify are identical. One can assume Spotify was inspired by the design of iTunes, since well, lets be honest, its how everybody now pictures their music players. This site on the other hand had done nothing new at all, its blatant theft of Spotify's interface.
Something to keep in mind, eventually YouTube will start blocking certain videos from being played on your site. This took a while and mainly started happening when traffic picked up. Theres no good way to pickout blocked videos, heres a function I use to weed through some of the blocked videos: https://github.com/cjstewart88/Tubalr/blob/master/app/assets...
Also, all of Tubalr's codes in github if you're interested: http://www.github.com/cjstewart88/Tubalr
Good Luck!