5 ms·

Show HN: SoundCloud Instant

37 points by karangoeluw 13y ago

karangoeluw 13y ago
I made this small app last Saturday solely because I wanted to. Any feedback is welcome. Oh, and the source code is open: https://github.com/karan/scInstant https://github.com/karan/scInstant EDIT: Right now, it's meant to be used only on desktop. I'm starting to get into frontend stuff, so don't really know how to touch optimize the app. Again, suggestions welcome.
- PWaterfield 13y ago
  It's loading very fast! Cool project. An "add to playlist" button would be cool I think (unless I'm not seeing it). I'm not sure if this is your type of thing but if you are looking for more ideas I was very impressed by the juketube angular/polymer demos[0]. It'd be very cool to see those projects ported to soundcloud instead of YouTube. [0]http://jt.ms/juketube/ http://jt.ms/juketube/
  - karangoeluw 13y ago
    That would need soundcloud auth. I wanted to make a dead simple, click/type and be done app. Thanks though! :)
- t0 13y ago
  This is great. It would be nice to see the next couple of songs that are going to play and maybe a delete button next to them. A Youtube version would also be useful.
  - karangoeluw 13y ago
    I thought about showing next songs, but I want to keep the UI minimal, and not showing the app keeps a bit of surprise factor in there.
  - keane 13y ago
    I like the idea but search on YouTube seems to be so inaccurate I'm not sure if it would work nearly as well. I'm having trouble thinking of how to improve scInstant as it is--it's so pared down and fast and just works! Great job!
    - karangoeluw 13y ago
      I'm glad you like it. Feel free to send any PRs. As long as the UI isn't bloated, I'm happy to merge. :)
- whizzkid 13y ago
  Great! I guess it is searching little bit too fast so that using browser's back button showing some other results for each key stroke.
bakli 13y ago
It only allows me to search once, if I try to search for something else, I have to refresh.
- karangoeluw 13y ago
  That should be fixed now.
huckyaus 13y ago
Nice work. I'm personally not a huge fan of autoplay, since there's a ton of stuff on SC and the search results aren't always accurate enough. Volume control would also be ace. Not sure how easy that would be to implement - now that I think about it, I've never seen it on any of their widgets.
- zeel 13y ago
  Personally I prefer Bandcamp's approach to volume control: http://bandcamp.com/help/audio_basics#volume http://bandcamp.com/help/audio_basics#volume
- karangoeluw 13y ago
  Done with volume control. shift up/down - volume
stratos13 13y ago
NICE. This shit is dope.
rakoo 13y ago
Hmmm... > Blocked loading mixed active content "http://code.jquery.com/jquery-latest.js" http://code.jquery.com/jquery-latest.js" > Blocked loading mixed active content "http://connect.soundcloud.com/sdk.js" http://connect.soundcloud.com/sdk.js" You're trying to mix HTTPS and HTTP... I also see that your API key is there in clear. I hope no one can do any bad stuff in your name. Oh, and it looks like every action is sent to google for statistics ?
- wdewind 13y ago
  > I also see that your API key is there in clear. I hope no one can do any bad stuff in your name. To OP: The way to fix this is to have the JS make a request to your own server, have your own server make the request to Soundcloud and proxy it back to you. That way you don't have to put your key in the JS, you can keep it on your server.
  - karangoeluw 13y ago
    Is there any way where it does not use a server? I really do not want to use a server here.
    - wdewind 13y ago
      Unfortunately not. Since all JS is going to be transferred to the client, if the key is in the JS the client has access to it.
- karangoeluw 13y ago
  Well the URLs are provided by SoundCloud and jQuery so there's nothing that I can do (other than hosting it myself). Yeah I just hope no one misuses it. Yes.
  - rakoo 13y ago
    > Well the URLs are provided by SoundCloud and jQuery so there's nothing that I can do (other than hosting it myself). Drop the scheme [0], the browser will be smart enough to know whether to use http or https. [0] https://stackoverflow.com/questions/550038/is-it-valid-to-replace-http-with-in-a-script-src-http https://stackoverflow.com/questions/550038/is-it-valid-to-re...
clay_to_n 13y ago
Small bug: it reloads the track when I press the volume up / down keys on my keyboard. Using a samsung 7-series notebook.
- karangoeluw 13y ago
  Well volume control keys don't have a keyCode (or vary from keyboard to keyboard) so I don't think it can be fixed ATM. FWIW, I just added keyboard shortcuts for volume control though: `shift up/down - volume`
dmcswain 13y ago
For all you SoundCloud and 8tracks users, here's a way to load tracks by voice: http://bit.ly/1l8r5yf http://bit.ly/1l8r5yf
yeukhon 13y ago
This reminds me of Feross Aboukhadijeh his Youtube instant. (http://www.quora.com/What-were-the-main-reasons-why-Feross-Aboukhadijeh-turned-down-a-job-offer-at-YouTube http://www.quora.com/What-were-the-main-reasons-why-Feross-A...) Does the API has rate limit? Are you sending a new query every 200ms? https://github.com/karan/scInstant/blob/gh-pages/app.js#L98 https://github.com/karan/scInstant/blob/gh-pages/app.js#L98
- karangoeluw 13y ago
  SC doesn't mention a hard limit (it's vague). And yes, 200ms.
digisocialnet 13y ago
i love it but it would be cooler with a full screen UI, there was a soundcloud api hack that would play people's loved/favorited tracks that kind of did that..
- karangoeluw 13y ago
  I don't think it would be very hard to do that. I implemented the streaming in <audio> tag, which means I'm free to implement the UI myself. It's on the "audio" branch of my code.
  - digisocialnet 13y ago
    awesome, i'll check it out.
heynk 13y ago
Very nice! I had some deja vu when I read the title. I posted an HN thread with the same exact title over two years ago! https://news.ycombinator.com/item?id=3363451 https://news.ycombinator.com/item?id=3363451 I will sell you soundcloudinstant.com for 1 million dollhairs. But really, yours is much better :)
- karangoeluw 13y ago
  Ah nice. Sorry but I don't have so much moneyz.
karangoeluw 13y ago
Also, if anyone wants, I setup a list where you can get notified when I make something cool! http://eepurl.com/SRIPT http://eepurl.com/SRIPT
PhrosTT 13y ago
Chiming in with shameless me too self promotion... I have a similar feature on http://tuned.io/ http://tuned.io/ - it's a soundcloud search with autocomplete; you can play any of the search results instantly, etc. The music makes for good coding background.

37 points by karangoeluw 13y ago

I made this small app last Saturday solely because I wanted to. Any feedback is welcome. Oh, and the source code is open: https://github.com/karan/scInstant https://github.com/karan/scInstant EDIT: Right now, it's meant to be used only on desktop. I'm starting to get into frontend stuff, so don't really know how to touch optimize the app. Again, suggestions welcome.

PWaterfield 13y ago
It's loading very fast! Cool project. An "add to playlist" button would be cool I think (unless I'm not seeing it). I'm not sure if this is your type of thing but if you are looking for more ideas I was very impressed by the juketube angular/polymer demos[0]. It'd be very cool to see those projects ported to soundcloud instead of YouTube. [0]http://jt.ms/juketube/ http://jt.ms/juketube/
- karangoeluw 13y ago
  That would need soundcloud auth. I wanted to make a dead simple, click/type and be done app. Thanks though! :)
t0 13y ago
This is great. It would be nice to see the next couple of songs that are going to play and maybe a delete button next to them. A Youtube version would also be useful.
- karangoeluw 13y ago
  I thought about showing next songs, but I want to keep the UI minimal, and not showing the app keeps a bit of surprise factor in there.
- keane 13y ago
  I like the idea but search on YouTube seems to be so inaccurate I'm not sure if it would work nearly as well. I'm having trouble thinking of how to improve scInstant as it is--it's so pared down and fast and just works! Great job!
  - karangoeluw 13y ago
    I'm glad you like it. Feel free to send any PRs. As long as the UI isn't bloated, I'm happy to merge. :)
whizzkid 13y ago
Great! I guess it is searching little bit too fast so that using browser's back button showing some other results for each key stroke.

bakli 13y ago

It only allows me to search once, if I try to search for something else, I have to refresh.

karangoeluw 13y ago
That should be fixed now.

huckyaus 13y ago

Nice work. I'm personally not a huge fan of autoplay, since there's a ton of stuff on SC and the search results aren't always accurate enough. Volume control would also be ace. Not sure how easy that would be to implement - now that I think about it, I've never seen it on any of their widgets.

zeel 13y ago
Personally I prefer Bandcamp's approach to volume control: http://bandcamp.com/help/audio_basics#volume http://bandcamp.com/help/audio_basics#volume
karangoeluw 13y ago
Done with volume control. shift up/down - volume

stratos13 13y ago

NICE. This shit is dope.

rakoo 13y ago

Hmmm... > Blocked loading mixed active content "http://code.jquery.com/jquery-latest.js" http://code.jquery.com/jquery-latest.js" > Blocked loading mixed active content "http://connect.soundcloud.com/sdk.js" http://connect.soundcloud.com/sdk.js" You're trying to mix HTTPS and HTTP... I also see that your API key is there in clear. I hope no one can do any bad stuff in your name. Oh, and it looks like every action is sent to google for statistics ?

wdewind 13y ago
> I also see that your API key is there in clear. I hope no one can do any bad stuff in your name. To OP: The way to fix this is to have the JS make a request to your own server, have your own server make the request to Soundcloud and proxy it back to you. That way you don't have to put your key in the JS, you can keep it on your server.
- karangoeluw 13y ago
  Is there any way where it does not use a server? I really do not want to use a server here.
  - wdewind 13y ago
    Unfortunately not. Since all JS is going to be transferred to the client, if the key is in the JS the client has access to it.
karangoeluw 13y ago
Well the URLs are provided by SoundCloud and jQuery so there's nothing that I can do (other than hosting it myself). Yeah I just hope no one misuses it. Yes.
- rakoo 13y ago
  > Well the URLs are provided by SoundCloud and jQuery so there's nothing that I can do (other than hosting it myself). Drop the scheme [0], the browser will be smart enough to know whether to use http or https. [0] https://stackoverflow.com/questions/550038/is-it-valid-to-replace-http-with-in-a-script-src-http https://stackoverflow.com/questions/550038/is-it-valid-to-re...

clay_to_n 13y ago

Small bug: it reloads the track when I press the volume up / down keys on my keyboard. Using a samsung 7-series notebook.

karangoeluw 13y ago
Well volume control keys don't have a keyCode (or vary from keyboard to keyboard) so I don't think it can be fixed ATM. FWIW, I just added keyboard shortcuts for volume control though: `shift up/down - volume`

dmcswain 13y ago

For all you SoundCloud and 8tracks users, here's a way to load tracks by voice: http://bit.ly/1l8r5yf http://bit.ly/1l8r5yf

yeukhon 13y ago

This reminds me of Feross Aboukhadijeh his Youtube instant. (http://www.quora.com/What-were-the-main-reasons-why-Feross-Aboukhadijeh-turned-down-a-job-offer-at-YouTube http://www.quora.com/What-were-the-main-reasons-why-Feross-A...) Does the API has rate limit? Are you sending a new query every 200ms? https://github.com/karan/scInstant/blob/gh-pages/app.js#L98 https://github.com/karan/scInstant/blob/gh-pages/app.js#L98

karangoeluw 13y ago
SC doesn't mention a hard limit (it's vague). And yes, 200ms.

digisocialnet 13y ago

i love it but it would be cooler with a full screen UI, there was a soundcloud api hack that would play people's loved/favorited tracks that kind of did that..

karangoeluw 13y ago
I don't think it would be very hard to do that. I implemented the streaming in <audio> tag, which means I'm free to implement the UI myself. It's on the "audio" branch of my code.
- digisocialnet 13y ago
  awesome, i'll check it out.

heynk 13y ago

Very nice! I had some deja vu when I read the title. I posted an HN thread with the same exact title over two years ago! https://news.ycombinator.com/item?id=3363451 https://news.ycombinator.com/item?id=3363451 I will sell you soundcloudinstant.com for 1 million dollhairs. But really, yours is much better :)

karangoeluw 13y ago
Ah nice. Sorry but I don't have so much moneyz.

karangoeluw 13y ago

Also, if anyone wants, I setup a list where you can get notified when I make something cool! http://eepurl.com/SRIPT http://eepurl.com/SRIPT

PhrosTT 13y ago

Chiming in with shameless me too self promotion... I have a similar feature on http://tuned.io/ http://tuned.io/ - it's a soundcloud search with autocomplete; you can play any of the search results instantly, etc. The music makes for good coding background.