Top Nav

groovyBox: Cloud-based Portable Streaming Music Player for Dropbox

Amazon MP3 Player, Google Music, SugarSync, Spotify—it truly seems like it’s the year of the cloud-based music player. But oddly enough, Dropbox, our favorite cloud backup / storage / filesharing service, doesn’t natively support streaming music. I spent weeks looking for something that would let me stream music from my Dropbox folder but didn’t find anything truly satisfying. So, I decided to make my own Dropbox cloud player. I call it groovyBox. Check it out.

Update 9/25/2012: Hey folks, sorry to say, there have been some updates to Google Chome, Firefox and Internet Explorer and Dropbox that have temporarily broken groovyBox. A fix is pending, but for now, it looks like groovyBox is down. If you’d like to be notified when a fix is available, go ahead and sign up for our newsletter. We’ll make a new post and update this page when everything is shipshape. Sorry for the inconvenience.

 

Introducing: groovyBox Cloud Music Player

groovyBox is a very simple, lightweight web app that is designed for Dropbox, but will work on any web server.

Feature highlights:

  • Supports: .mp3, .m4a, .ogg, .wav, .webm
  • It’s free as is Dropbox (First 2 GB is free and you can get up to 10 GB of free space)
  • You don’t have to give your Dropbox credentials to a third-party service
  • International-friendly. Works in any country that Dropbox supports.
  • It’s portable. Something better than Dropbox comes along? You can take your groovyBox with you.
  • Works on the iPhone. You can even play it in the background, pause or play by double-pressing Home.
  • No invitations required. Come one, come all!
  • Works from any browser. No plug-ins required.

[Download groovyBox v1.0 now for free]

The idea for groovyBox came from an earlier tip I discussed: . groovyBox is essentially a webpage that pulls music files from your Dropbox Public folder. Once you setup groovyBox, you’ll get universal access to your songs from any computer with a web browser. No logins, no plugins, no nothing.  Keep the link private or share it with your friends. It’s up to you.

But enough preamble. Click here to see my groovyBox player in action:

google music free alternative

Another important aspect of groovyBox is that everything remains in your control. You don’t have to give your Dropbox password to a third-party. All the moving parts of the groovyBox player are contained within your Dropbox folder and can be edited, removed or copied at your discretion.

As for storage space, it all depends on how much Dropbox storage you’ve got. If you’ve upgraded to a Dropbox Pro account, that’s great. But I also have it on that you can get at least 10 GB of Dropbox space for free.

Streaming Music from Dropbox with groovyBox

There are two main parts to groovyBox: the player itself (an HTML page) and an XML file that tells the player where your MP3s are. I did my best to make the process of getting these two gears to mesh as user-friendly as possible, but this is a groovyPost, so you’re going to get step-by-step instructions anyway.

Step 1

Download and install groovyBox. Important: Make sure you that you install it to your Dropbox Public folder. Oh, and I guess I should mention that you should have Dropbox installed already. Use my referral link if you feel like it.

dropbox mp3 player

Step 2

Copy music files into the groovyBox folder. I created a music folder for you to use, but you don’t have to. groovyBox scans the root and subfolders for the location where you installed it.

dropbox music player streaming

Step 3

Run groovyBox.exe. You have to do this locally from a computer with Dropbox installed, obviously.

dropbox streaming music player

There are a number of settings here, but leave them as they are. In later versions, you’ll be able to make multiple playlists, but for now, changing the XML output location will break it. Click Generate XML.

how to stream mp3s from dropbox

If all goes well, it’ll put a file called songs.xml into the guts folder. Click OK.

A quick note: What you’ve just done is told groovyBox where your music files are. So, if you add MP3s or move them around within the folders, you’ll have to complete this step again. I know that’s a bummer, but it’s for security purposes—if groovyBox could alter your Dropbox files via the web, then who knows what could happen. The web accessible portion of groovyBox is read-only.

Step 4

Right-click groovyBox.html and choose Dropbox > Copy public link.

dropbox music player groovybox

Step 5

Paste the public link into your browser. Go ahead and bookmark it while you’re at it. (You have to view it on the web, otherwise it won’t work. If you just open it from your hard drive, you’ll get an error.)

amazon mp3 alternative - dropbox music

 

Now, you’re good to go. There are two modes: Play All (with shuffle) and Play Album.

dropbox music player

If you guys like groovyBox, I’ll work on making it a bit more full-featured. But for now, try it out and tell me what you think!

Tips and Known Issues

  • how to play music from dropboxYour music will not play until all your music has been synced with Dropbox.  Your wait may vary depending on your internet connection speed and the number of songs you sync.
  • You can bookmark specific albums for quick access.
  • The groovyBox guts are very small. So, if you want to create shareable playlists or mixes, you can  just install multiple instances of groovyBox into your Dropbox folder and bookmark the public links.
  • The XML generator is heavily reliant upon proper music file information. You want to have the Artist, Title and Album filled in otherwise it may not work properly. Also, avoid having multiple contributing artists since this fudges things up. If you experience difficulties, you can just change the info from Windows Explorer by Right-clicking and choosing Properties and then going to the Details tab. This is the most reliable way to get the information squared away.
  • Make sure that all of the files are synced to Dropbox before trying to use groovyBox. Then, make sure you refresh the page. You may need to clear your cache or close and re-open your browser.
  • If you want to use groovyBox via your mobile phone, I would recommend shortening the link first.

The groovyPost team has been having a blast playing with groovyBox and we hope you enjoy it as well.  It’s a work in progress and far from perfect so if you find any issues or you need help, feel free to drop a note below in the comments.

groovyBox Links:

  1. groovyBox Download
  2. groovyBox Help / FAQ
  3. groovyBox Terms / EULA

, ,

15 Responses to groovyBox: Cloud-based Portable Streaming Music Player for Dropbox

  1. groovinJackman August 26, 2011 at 9:04 am #

    It’s probably worth mentioning that the biggest drawback of this is the small amount of storage that Dropbox gives you. BUT this works on ANY web server. I’m going to be experimenting with some other cost-effective options for hosting groovyBox. Stay tuned.

  2. alexmvp August 26, 2011 at 9:14 am #

    It works and yeah, i need more dropbox space. Still cool. I’m not allowed to load itunes at work or connect my USB iPhone to my PC so this is perfect.

    Feature Request – better URL’s!!! I’m going to forget this URL once I close the browser window.

  3. MrGroove August 26, 2011 at 12:15 pm #

    FYI – Had a few small blips with IE compatibility. Should all be fixed now. Feel free to download it again and re-install if you have an older copy from before this comment.

  4. grooveDexter August 26, 2011 at 5:34 pm #

    Love it. 10GB is more than enough for the small amount of music that I actually hold on to. Seriously, there is no point in saving every song known to man on your computer when there are so many streaming options now available… e.g. Pandora, Grooveshark, Spotify.. etc

    • MrGroove August 27, 2011 at 1:58 pm #

      Yeah I agree however I only have about 3Gig left in my dropbox account. That said, I copied up my favorite music (at least the stuff I’m listening to now) up to my dropbox account and it’s working fantastic. Great job Jack!

  5. SeanP August 27, 2011 at 7:18 am #

    It works. Thanks guys. I missed the part about waking for things to sync and thought I did something wrong. I’m all good tho.

  6. MrGroove August 28, 2011 at 11:59 am #

    I’ve always liked Pandora for finding new music I might normally not hear about. groovyBox however is great for playing YOUR music.

    Eddie and the Cruisers… wow, that’s taking me back! In a good way tho. ;)

  7. Great Tool September 9, 2011 at 2:07 am #

    Great tool jack. Thanks again!

  8. Anon. September 28, 2011 at 6:09 am #

    Can you add a function to choose Albums or Artists? There needs to be a preference area. Other than the fact that it is not so customizable, it is quite good, especially the link.

  9. Demonkunga October 25, 2011 at 2:28 pm #

    The player on your site isn’t working for me, neither is the one I set up in my dropbox. The songs don’t play. Running Firefox 7.0.1

  10. Demonkunga October 26, 2011 at 2:53 pm #

    This works in Internet Explorer but not Firefox. Why?

  11. Ron White November 1, 2011 at 2:50 pm #

    Finally, a writer who puts his talents where his mouth is Excellent!

  12. red November 22, 2011 at 11:31 am #

    Hello, I’d very much like to run this on my HTTP server separate from Spotify. Is the code you wrote that generates the XML possible to run on a LAMP environment?

    Thinking of just making a folder with files and then crontab run and it would autogenerate the files every 30min. :)

  13. Rolf December 28, 2011 at 8:06 am #

    Great idea, works in all browsers but Firefox for me (FF 9.01). Any way to fix it for Firefox? It would be very cool if you could make it work for FF again.
    Thanks
    Rolf

Leave a Reply