HTML5 MP3 Player - Plays local files and parses ID3 tags(antimatter15.github.com)
antimatter15.github.com
HTML5 MP3 Player - Plays local files and parses ID3 tags
http://antimatter15.github.com/player/player.html
16 comments
Operating systems seem to care a lot about write access , less about read access. As much as browsers should care about this an OS should do some sandboxing.
Worked well in Chrome 10 on Windows 7 for the first few minutes then crashed. Adding files was a little bit slow but the audio playback and tagging worked well. Nicely done though, it's very cool!
I'm quite curious about the file reading code. With a simple directory browse from the user couldn't you start to walk the file tree and read whatever you liked? Nothing I see to stop something like this then firing off Ajax calls to send up everything it finds. I think some digging through the code is in order.
It seems quite clear that you could package up all files and send them to the server. I've read through the code in this example though and I don't see anything that could be doing that here. Since all of the code is being served off of github I think it'd be pretty hard to switch in some malicious code at times, but I would be pretty wary of granting access to a webkitdirectory chooser type from a less transparent site.
Doesn't look like it supports unicode - no Chinese on my Chinese mp3s!
This is so awesome.
Having tried numerous audio players for OSX I just can't find something that I'm satisfied with. I guess I'll just start building my own now :)
Having tried numerous audio players for OSX I just can't find something that I'm satisfied with. I guess I'll just start building my own now :)
the core:
<input type="file" webkitdirectory directory multiple mozdirectory>
This is pretty awesome. I was unaware of Chrome's directory opening abilities. That's a game changer for this kind of app.
Not talking about this specifically, but the model:
If an app only deals with local data, does it need to be a web app?, except that thereby it becomes zero-install, zero-update, global and cross-platform.
Could or is ChromeOS going to play local mp3s before? It's not much of an OS if it can only play mp3s on a server somewhere, with a browser plugin. Will Spotify and other streaming clients work on it? Is it cloud data only?
If an app only deals with local data, does it need to be a web app?, except that thereby it becomes zero-install, zero-update, global and cross-platform.
Could or is ChromeOS going to play local mp3s before? It's not much of an OS if it can only play mp3s on a server somewhere, with a browser plugin. Will Spotify and other streaming clients work on it? Is it cloud data only?
Chrome 10: Succes (although I can only select a folder)
Firefox 3.6: fail
Chromium 10: loads, fails to play
Opera: loads site with errors, clicking button doesn't do anything
Firefox 3.6: fail
Chromium 10: loads, fails to play
Opera: loads site with errors, clicking button doesn't do anything
> Chromium 10: loads, fails to play
Make sure to use OGG Vorbis audio in Chromium. I'm guessing you tried to play MP3.
Make sure to use OGG Vorbis audio in Chromium. I'm guessing you tried to play MP3.
Well, it doesn't read ID3 tags, but if you just drag your music folder into Firefox, you can browse around and play MP3, Vorbis etc. files. It also works with videos.
Yeah, it does.
It won't let me open any mp3 files in my iTunes collection... Using Chrome Dev Channel + Mac OSX. Does Chrome not support this?
Works perfectly fine on Chrome Dev + Win 7. Wish there was a way to organize songs and make playlists though.
No success on my Cr-48 running latest ChromeOS.
Nice work though, antimatter15, keep it up!
Nice work though, antimatter15, keep it up!
That is just too cool.
Brilliant!
Nice proof of concept though! Very impressive what can be done. Worked well in stable channel + openSUSE.