../Msgboard/Showing off/html audio playerHome
MrStankbody - 17 Oct. 2004 - 02:54:

html audio player

it basicly uses the wmp object to grap files from the media libary and play them. i realy liked the shell audio player but it has to many bugs. so i tryed to remake it in html and put it on my task bar.

screen:
http://69.22.195.75/audio%20player/screeny.jpg
i know my desktop is very painfully plain sorry. also the playlist window looks like crap.

files:
http://69.22.195.75/audio%20player/player.zip
only works in IE. (is the serve is down try again in an hour or so)

things to add:
ablity to add media to playlist
ablity to edit playlist objects
make it look better.
 
17 Oct. 2004 - 07:45 Blackened
Here's a couple screenshots of a rather simple HTML winamp module I've been slowly working on (more off than on, but still).

Playlist hidden.

Playlist visible.

The volume slider is working, so is playlist song selection and some control. Right now it's entirely css based, but I'm seriously considering making it table-based as the box model doesn't really work well in this situation for some reason. Granted I'm relatively inexperienced when it comes to css, so the issue could lay there.

I also hope to incorporate:
  • Drag-and-drop playlist re-ordering
  • Slider-based song position control
  • A standalone file selection dialog


Coming soon hopefully.
 
17 Oct. 2004 - 14:00 MrStankbody
sorry i just found out my server was down all night. :( im lookin for sum other web space now.

re to backend
i was goin to make my player based on the winamp com controll but i still neede winamp open and the last time i worked with it (over 2yrs ago) it only supported winamp2? any way i was inspired by your player to make myn look better.
 
22 Oct. 2004 - 18:23 dreamz
cool stuff, guys! :)
 
24 Oct. 2004 - 02:49 MrStankbody
I'v made a lot of improvments. about 200 lines of javascrip worth.

-uses the first playlist called "bar" in the media libary (can cause a
problem if no playlist named "bar" is in libary.)
-can add songs
-can edit artis and title od song
-can delet songs (from playlist only)
-new playlist window looks alot better.

the files are still the same as my first post so have another look.

screen: http://69.22.195.75/audio%20player/screeny.jpg
files: http://69.22.195.75/audio%20player/player.zip
 
25 Oct. 2004 - 00:25 kmr
That's pretty sweet. When I tried making a playlist using html my biggest problem was it took forever to load, do any of you guys have the same problem?
 
25 Oct. 2004 - 20:50 MrStankbody
yea thats 1 thing about html and javascript its slow. i have a pretty fast system and the plsylist takes a second or two to show up.
 
07 Nov. 2004 - 16:11 diamondhead
This is pretty neat, I must say. One thing though. Could you please tell me how one puts together a playlist for this player of yours? In other words, how is the playlist to look for the player to play the songs? Thank you.
 
08 Nov. 2004 - 05:55 Explicit
removed.
 
08 Nov. 2004 - 20:23 diamondhead
All it says is, "must have a play list called "bar" in your media libary or it will create an empty one for you". I am unsure about the meaning of that. Does it mean to create a playlist file called 'bar" and, if so, in what format would such a thing be put together? In this macromedia flash mp3 player, which is somewhat similar to this html audio player in this thread, that I currently have on my desktop, I have to have this .xml playlist file for all the songs I want it to play with that player of mine. I was wondering if this 'bar' file could be somewhat similar to that.

*REMOVED*
 
08 Nov. 2004 - 20:31 diamondhead
The following is the text of that playlist.xml file that I need for my flash mp3 player to play songs. Notice the format it follows for each of the songs:

*** REMOVED ***

*Note: If any of the songs in this playlist.xml file offend you, boo-fuckin'-hoo.
 
08 Nov. 2004 - 23:21 plastic
@explicit, please, how many times...

@diamondhead, please, that DOES offend.

Edit: diamondhead, that can't be right. You're a nice guy, I know you are. Some of that music is really hateful. I could just ban you or whatever, but you're not like these guys. You simply aren't.
 
09 Nov. 2004 - 02:17 diamondhead
Yeah, I like that music. Sorry if that bothers you, plastic. You ought to listen to some Johnny Rebel & David Allen Coe some time. You'll laugh your ass off, I guarantee it. I remember listening to it for the first time over 10 years ago and I was laughing soooo damn hard I was almost crying! What's more interesting is that those songs were made over 30 years ago, way before any sort of Heavy Metal or (c)rap came along. I had to have that in there so that I could show you the format of that playlist.xml file I was talkin' about. It was unavoidable, you could say.
 
09 Nov. 2004 - 03:16 diamondhead
*REMOVED*

To show what a goodfella I am, here's that flash mp3 player file and my playlist for anyone in here to download-- http://www.geocities.com/reeslester/FNMINImp3.swf
http://www.geocities.com/reeslester/playlist.xml

In playlist.xml, just change the names and paths of those HATEFUL tunes to the names and paths of your own tunes. Take away or add using the same format. Here's the code you put in your .html document to add the player:

<OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" WIDTH="130" HEIGHT="130" id="FNMINImp3" ALIGN=""> <PARAM NAME=movie VALUE="FNMINImp3.swf"> <PARAM NAME=quality VALUE=high> <PARAM NAME=bgcolor VALUE=#FFFFFF> <EMBED src="FNMINImp3.swf" quality=high bgcolor=#FFFFFF WIDTH="130" HEIGHT="130" NAME="FNMINImp3" ALIGN="" TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer"></EMBED></OBJECT>

Be sure to have playlist.xml and FNMINImp3.swf in the same folder that your .html file is in. But, of course, all of you should know that, being the ubergeeks that you are. Knock yourselves out!
 
09 Nov. 2004 - 03:31 diamondhead
Back to what I wanted initially-- could someone, without the attitude and disrespect, please explain in further detail how to add songs to this html audio player. Thank you very much.
 
09 Nov. 2004 - 08:29 Explicit
I can't believe I'm being called disrespectful, by a racial bigot.

p.s. Plastic, all I said was this guy needed to do a little reading, I'm not the one who started swearing and spreading hate. Do like he says, and blame me all you want, I'm not a racist.

diamondwhatever: Maybe check google or something, before you post in a forum and expect everyone to explain everything/anything.
 
09 Nov. 2004 - 08:44 diamondhead
No, what you were was simply rude. And, if anyone needed help from me and I was able to provide it, I would not hesitate for a minute to help. A little respect goes a long long way. When did I say I hated anyone?
 
09 Nov. 2004 - 08:48 diamondhead
Hey, kick me out! Please do so! I beg whoever is in charge to do it. It won't stop me from coming back though. This is one of the beautiful things about the internet-- You never truly know who is sitting behind the keyboard. *Wicked Sinister Laugh*
 
09 Nov. 2004 - 09:04 Explicit
You could just go on your own, no one is making you stay. Please just don't spread your hatred on here....
 
09 Nov. 2004 - 12:56 plastic
Explicit, no, you don't swear, and you didn't even say much, but you're good at triggering other people, I'd rather wish you didn't...

Diamondhead, having a hard time laughing at texts like that. Just don't post that here, please.

Namecalling done and all ? I'm having a hard time even adjusting to the idea I might have to close a thread. This is VP, and it shouldn't have to be...
 
10 Nov. 2004 - 00:19 JohnnyFist
Diamondhead, I'd rather like to speak with you via AIM. My screen name is j0hnny fist.
 
10 Nov. 2004 - 13:06 Blackened
diamondhead:
I'm going to have to point out the glaring irony in your whole respect/disrespect rant.

You visibly and publicly posted a playlist that contained titles that would very likely be offensive to members of this messageboard. You even pointed this out yourself:

"*Note: If any of the songs in this playlist.xml file offend you, boo-fuckin'-hoo".

Now just the fact that you acknowledged this beforehand is evidence that you knew it would offend people. This is the very essence of disrespect: You knew it would offend, but didn't care.

I try not to be a quick judge of people, especially strangers whom I've never met face to face. I've always accepted that you are generally well mannered, eager to help, and just all around a genuinely nice person, so this whole thing I'm going to chock up to being raised around racism, and just not understanding the other side of the coin.

You should really just sit down and think about how silly and outright hurtful it is to be racist/homophobic/sexist/violently patriotic/religiously fanatic. They all boil down to pretty much the same thing: fear of that which is unknown or foreign to your scope of being.

Whatever the case, this messageboard has always maintained a code of conduct. I'm sure the Admins would like nothing better than to never, ever have to moderate this messageboard again. With the way it's set up we really shouldn't have to. Just obey the rules that are posted on the entry page and everyone will get along swimmingly, and this will continue to be the best and most helpful site devoted to this subject.

Sorry for the novel everyone.
 
11 Nov. 2004 - 12:10 Blackened
In answer to your original question diamondhead:

Winamp and Windows Media Player both have internal playlists. All we're doing is using javascript to reference and manipulate those internal playlists. Now because the mp3 player you're using is flash-based it requires a rather static playlist in order to operate. The only thing I can suggest is kindof a lo-jack solution. You could use javascript to manipulate the xml file using the FileSystemObject . The problem with this solution is it would not be accessible from the windows filesystem, but rather would have to be accessed through, say, a webpage. Now you could use the FileSystemObject to create a list of all mp3s on your system with the onclick/oncontextmenu events etc pointing to certain functions that dynamically recreate the playlist.xml file based on what you choose from your mp3 list. The largest drawback to this is speed. The FilesystemObject pretty much just loops through a folder and grabs the objects it contains. Now in folders with a small filecount this is no big deal and works quickly, but in large filecount folders this can take quite a few seconds to complete, and, if your music folder is like most people's (huge), you're gonna be facing a large speed hit.

The xml file could also be manipulated using php, but, as I honestly know nothing about php, I won't bs you on the details.

The flash-based player that you're using was really intended to be used on a webpage with statically linked files that are either changed manually or with server-side scripting. I don't know if it's really worth all that trouble when you could easily recreate the look and feel of it using the Winamp COM object or the Windows Media object, and then be able to manipulate their playlists using the native Windows filesystem.

 
19 Nov. 2004 - 04:20 MrStankbody
wow i havent been to this post in a while i didnt think many people would notice it . anyway a playlist called bar must be in your window medial player medial libary (click libary then right click my playlists -> new playlist, it dont matter wat the file is called ei c:/myplaylist.wpl just so that in the libary the display name is bar.

if anyone still likes the bar im goin 2 start workin on it again remakin objects with html components to shorted that main.js file also make it easyer to chage, as is if you change the positioning of the volume od position bar the thing wont work as you would think they shoul unless you chage sum nubers in the main.js file.
i also plan to makin it so it can use more with just one playlist at a time.

again sorry i wasnt around to answer your questions
 
19 Nov. 2004 - 08:52 Explicit
For anyone who can''t find the media library...

You have to open up that expanding bar on the left side of WMP, the little button on the left side.
 
20 Nov. 2004 - 16:46 MrStankbody
i updated the player with a new vr thers a installation guide an an example horizontal page
 
Please log-in to post.
You need to be logged in to post. To log-in, or to register an account go -there.
 
Options
Login | Help | Profile | User list | Display last  
 days 


../Msgboard/Showing off/html audio playerTop

xhtml 1.1