Suspected PayPal Hackers Seek Deal To Stay Out Of Prison
Did A Google Earth Mistake Cause A Couple's Brutal Murder?
HTML5 MP3 player lets you listen to your music library inside your browser
While this slick little HTML5 audio player might not pack all of the features of your favorite desktop media application, it's still a very cool demonstration of what a Web app can do with access to local resources -- like MP3 and OGG files.
Just fire up http://antimatter15.github.com/player/player.html in your HTML5-compatible browser and browse to the topmost folder in your music library. The app will quickly build an index of all your tunes and let you start listening right inside your Web browser. Click on the filter library text, and you can enter a search string -- results load as you type.
There's a volume control, shuffle mode, play/pause control, and you can click and drag to skip forward or rewind during playback. As OMG! Ubuntu points out, you can even save the app to your hard drive and run it offline, which is pretty darn cool.
Not all browsers are equal when it comes to HTML5 implementation, of course. We found that Chrome worked the best, and Firefox was OK. It's also worth noting that this music player comes from the same developer that created one of our favorite restartless Firefox 4 add-ons, drag2up.
Just fire up http://antimatter15.github.com/player/player.html in your HTML5-compatible browser and browse to the topmost folder in your music library. The app will quickly build an index of all your tunes and let you start listening right inside your Web browser. Click on the filter library text, and you can enter a search string -- results load as you type.
There's a volume control, shuffle mode, play/pause control, and you can click and drag to skip forward or rewind during playback. As OMG! Ubuntu points out, you can even save the app to your hard drive and run it offline, which is pretty darn cool.
Not all browsers are equal when it comes to HTML5 implementation, of course. We found that Chrome worked the best, and Firefox was OK. It's also worth noting that this music player comes from the same developer that created one of our favorite restartless Firefox 4 add-ons, drag2up.
Comments
9
Subscribe to commentsdaveMar 30th 2011 12:26PM
Bonus points for Big Wreck in the screen capture.
Lee MathewsMar 30th 2011 12:27PM
@dave I feel as a Canadian it's my duty to support Ian Thornley's pursuit of rock and roll awesomeness.
Marland PittmanMar 30th 2011 12:41PM
DAAP support? Then I can listen to my server at home... From anywhere. Crossfire isn't working for me and I'm not on board with amazon cloud player.
downloadsquadMar 30th 2011 12:49PM
Last.fm support would be fantastic.
Sean McGeezerMar 30th 2011 2:27PM
This is exactly the type of thing I've been looking for, a music player in my browser that plays local files. I've been using LIBOX but it's a bit of a hassle since I have to run the desktop manager first. This will be perfect once it adds some more feature.
Antimatter15Mar 30th 2011 2:41PM
Please don't do the Ctrl+S trick for getting it to work "offline" because that probably won't work. It uses the HTML5 offline application cache, so just bookmark the URL and it'll open offline (go ahead, try it!). Saving the application to your disk won't work because chrome/chromium (and possibly firefox) places huge restrictions on local file access for applications stored on your local disk (however ironic that is). So if you want to get it locally, you should go to the github repository at http://github.com/antimatter15... do a git clone and serve it locally through lighttpd or something.
William AlemanMar 30th 2011 4:03PM
Perfect for my CR-48!
daveMar 30th 2011 7:26PM
@Lee I can understand that. I had to put the album on when I got home. There was a pretty cool video for one of the songs where people were falling down steps in slow motion... the things one remembers.
motangApr 3rd 2011 12:02PM
Very cool, it's amazing what HTML5 can do!