This MP3 player is by Jeroen Wijering (http://www.jeroenwijering.com) and source files (fla) for the flash are available from their homepage under scripts.
All I have done is made it available as a block which will give you a popup mp3player with a play list - so your visitors can browse in freedom and have music playing in the background :)
Preview: DEMO HERE (http://path-to-peace.net/forum2/index.php)
(look on the right to see 'media center' click on either quran player or nasheed player to see the mp3player in action)
First of all you will need to download this modified zip package. (http://path-to-peace.net/mp3player.zip)
(i have made it simpler so faster to use)
-----------------------------------
Installation for Tiny Portal as a block
-----------------------------------
Step 1:
Create a directory at your homepage called mp3player (u can name it anything you want but please adjust the path in the codes accordingly)
Step 2:
Prepare the two files:
pl1.xml
and
pl2.xml
with the directions given in the readme.txt file from the zip package you downloaded
Step 3:
Upload:
mp3player.swf
pl1.xml
pl2.xml
player1.html
and player2.html
files to your directory http://www.yoursite.com/mp3player/ (http://www.yoursite.com/mp3player/)
Also upload the mp3 files you will be using for the player to your directory as well.
Step 4:
Now create a new block in SCRIPT/HTML by going to MANAGE BLOCKS
Put inside it the following code:
<table>
<tr><td>
<center>
Click below to launch<br>
the players (popup)
</center>
</td></tr>
<tr><td>
<center>
<a target="_blank" onclick="popup = window.open('http://www.yoursite.com/mp3player/player1.html', 'PopupPage', 'width=310 height=405,scrollbars=no,resizable=no'); return false">Channel 1</a>
</center>
</tr></td>
<tr><td>
<center>
<a target="_blank" onclick="popup = window.open('http://www.yoursite.com/mp3player/player2.html', 'PopupPage', 'width=310 height=405,scrollbars=no,resizable=no'); return false">Channel 2</a></center>
</tr></td>
</table>
Replace the www.yoursite.com (http://www.yoursite.com) with your site name and channel1 and channel 2 with your text.
Name the block "media center" or whatever you want.
Then enable it
Thats all it will appear on your home page and you can simply click on the link to launch your floating mp3 player :D
---------------------------------------------------
Also please note the following things:
you can also put an image using the image tag which is:
<img src="http://www.yoursite.com/image.gif">
You can add as many links and buttons as you want for each genre / variety of music etc by simply adding/replicating the following code:
<center><a target="_blank" onclick="popup = window.open('http://www.yoursite.com/mp3player/player2.html', 'PopupPage', 'width=310 height=405,scrollbars=no,resizable=no'); return false">Channel 2</a></center>
Note: Each tag you add will add a new selection to your list.
Important when adding a new selection option also please priduce the corresponding playerX.html and plX.xml files for that selection by copying the original files as needed.
For a working example visit Path To Peace (http://path-to-peace.net/forum/index.php) and look on the right hand side and you will see my media center with buttons I made. Just like that you can add as many buttons as you want to have different applications for the mp3player :)
Very nice MP3 Player...
yea those guys did an awesome job making it....there is a newer version out but I havent used that yet...the one in my block example above is the older version...its better looking than the new one though lol :D
nice player, i may give it a whirl. the only problem i have is the scrolling is SUPER SENSISTIVE. barely move the mouse and it flies down the list to the last song.
ok, thats odd. i just tried both examples you have and only the quran popup scrolled a little too fast. the first one scrolled nice and easy.
It scrolled fast for me too.
The scrolling part was o.k. for me. I'll have to try this out sometime too. :coolsmiley:
yea it scrolls fast if you list too many files like I have in the Quran player (114 files there)
but if you have less it will be A-Ok :D
Thanks for this. Now I just have to find some mp3s that I like. :up:
ur always welcome :D
@ akulion: you can using a complete integrated for Flash Chat, no need using a full link http://path-to-peace.net/forum/chat/flashchat.php to access your chat room, you can ask G6 for help moreÃ, ;D
Thanks elpvn - yes I saw the article on SMF and I was thinking of doing that but then I didnt because I realized ill have to do it for each theme which will take ages :D
but maybe I will do it sometime :D Thanks for the sugegstion and help :D
Hey akulion or anyone who knows.
I am using this code for the popup player. I would like to change the background to a different color other than white. Can you please tell me what I need to add in here:
<html>
<head>
<title>AVS Jukebox</title>
</head>
<body>
<center>
<font face="Verdana" color="#282828" size="4">
<b>Mixed Music</b></font><p>
<object type="application/x-shockwave-flash" data="mp3player.swf?playlist=pl1.xml" height="280" width="280" wmode="transparent">
<param name="movie" value="mp3player.swf?playlist=pl1.xml" />
<param name="wmode" value="transparent" />
</object>
<br>
</p>
</center>
</body>
</html>
Thanks! ;)
i think if i remember correctly u need to add
bgcolor=#FF0000
after the width in the tag
that should make the bgcolor red
OR
since the flash is being displayed in transparent mode, u can always put it in a table and set the table color to red
Quote from: akulion on July 27, 2006, 11:28:15 PM
i think if i remember correctly u need to add
bgcolor=#FF0000
after the width in the tag
that should make the bgcolor red
OR
since the flash is being displayed in transparent mode, u can always put it in a table and set the table color to red
I see, ok. I'll get that a try, thank you!
did it work?
Quote from: akulion on July 29, 2006, 03:41:59 AM
did it work?
Nope I figured I better leave it since I have other available themes to users. White of course will match every theme. Thanks for the bit of code thou. I probably put it in the wrong place anyway. :uglystupid2:
ur welcome
wmode="transparent"
that is included in the code so it should show no background at actually
Let me check the code on one of my pages for you and get back...it shows any background I set...
***added*****
thats strange my code is the same on my other page and it works just fine and picks up on any background color...see it in action here:
http://path-to-peace.net/kids/ (click on the songs link)
Actually, the color I wanted to change was the color around the player, inside the popbox box itself. :D
oohhh ok then let me have a look around for you
there are some color gradient changers around...if i find one ill post it here for you..they are pretty nice and easy to use
Quote from: akulion on July 29, 2006, 06:10:15 AM
oohhh ok then let me have a look around for you
there are some color gradient changers around...if i find one ill post it here for you..they are pretty nice and easy to use
Heehee, thanks. I'll look around too, no rush, but a nice to have. :up:
would something like this work for you?
http://lloydhassell.com/bgcolorchanger/
Awesome player!!! Thanks for the find!!!
please be advised that a new version of the MP3 player is out available from the authors homepage mentioned on the 1st post
i loaded The following codes from the site. Its working great. but there is no mouseover effect on the links to load the music player. It works actually but you know the mouse needs to change the way it does when you hover over a link.
I have these codes like was given
Quote
<table>
<tr><td>
<center>
Click below to launch
the players (popup)
</center>
</td></tr>
<tr><td>
<center>
<a target="_blank" onclick="popup = window.open('http://www.yoursite.com/mp3player/player1.html', 'PopupPage', 'width=310 height=405,scrollbars=no,resizable=no'); return false">Channel 1</a>
</center>
</tr></td>
<tr><td>
<center>
<a target="_blank" onclick="popup = window.open('http://www.yoursite.com/mp3player/player2.html', 'PopupPage', 'width=310 height=405,scrollbars=no,resizable=no'); return false">Channel 2</a></center>
</tr></td>
</table>
Someone help. What should I add to make the mouse over effect work on the links?
oh im so sorry that is the new version of the media player launcher (on my page) that i forgot to release - i will put up the instructions for it soon :up: so no worries, just hang in there for maybe a day more
Quote from: Aku on December 21, 2006, 10:04:29 PM
oh im so sorry that is the new version of the media player launcher (on my page) that i forgot to release - i will put up the instructions for it soon :up: so no worries, just hang in there for maybe a day more
ohhhh yeah an upgrade and I like your new Media Center. 8)
The new version can be found here: NEW - MEDIA CENTER (http://www.tinyportal.net/index.php?topic=11628.0)
Aku this rocks!! Thanks so much for sharing it!!
what happend to the older player? i want it
the older player is still in the link in the 1st post
but i would recommend the new one which is a lot better looking
is there any way to get the old pop up mp3 player to not be in a window but just show the player itself and not the whole window?
not to my knowledge
there is a chromless windows script on dynamicdrive.com but it only works for internet explorer
so avoiding the window completely is something thats beyond my knowledge personally
ur saying it would work for ie?
http://dynamicdrive.com/dynamicindex8/chromeless.htm
this is the script
it only works in IE
in other browsers it shows a normal window
ehh its no good for any win32 past serv. pack 1
i wanna get this, but for midis' im looking for a midi player
this took a while to properly set up, but i'm glad i did take that time to do so!
it works perfect! thank you!
Can anyone help me figure out how to auto generate a playlist from a folder? I need to make the playlist generate automatically based on the entire contents ( mp3's ) of specific folders . Something like a variation of this code below ( which wont work ).. I am wanting to make playlists for 3,000 + songs and doing them 1 by 1 is just NOT an option.
<?php
/*
* This is a sample file that reads through a directory, filters the mp3/jpg/flv
* files and builds a playlist from it. After looking through this file, you'll
* probably 'get the idea' and'll be able to setup your own directory.
*
*/
// set this to a creator name
$creator = "Myself";
// search for mp3 files. set this to '.flv' or '.jpg' for the other scripts
$filter = ".mp3";
// path to the directory you want to scan
// "./" = current directory
$directory = "./";
// URL to files
$url = "http://www.somesite.com";
/////////////////////////// no user configuration variables below this \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
// read through the directory and filter files to an array
@$d = dir($directory);
if ($d)
{
while($entry = $d->read())
{
$ps = strpos(strtolower($entry), $filter);
if (!($ps === false))
{
$items[$entry]['mtime'] = filemtime($entry);
}
}
$d->close();
arsort($items);
}
// the playlist is built in an xspf format
// first, we'll add an xml header and the opening tags...
header("content-type:text/xml;charset=utf-8");
echo "<?xml version='1.0' encoding='utf-8'?>\n";
echo "<playlist version='1' xmlns='http://xspf.org/ns/0/'>\n";
echo " <title>Sample PHP Generated Playlist</title>\n";
echo " <info>" . $url . "</info>\n";
echo " <trackList>\n";
// ...then we loop through the array...
foreach($items as $key => $value)
{
$title = substr($key, 0, strlen($key) - 4);
echo " <track>\n";
echo " <creator>" . $creator . "</creator>\n";
echo " <title>" . $title . "</title>\n";
echo " <location>" . $url . '/' . $key . "</location>\n";
echo " <info>" . $url . "</info>\n";
echo " </track>\n";
}
// ...and last we add the closing tags
echo " </trackList>\n";
echo "</playlist>\n";
/*
* That's it! You can feed this playlist to the SWF by setting this as it's 'file'
* parameter in your HTML page.
*/
?>
Can anyone help me get this to work please?
what does your post have to do with this topic? Please read and folow the posting guidelines.
what are you talking about? im wanting to add this feature to THIS PLAYER ( from the OP ). what guidelines are you talking about?
anyone?
bump
I have this block installed, and is working pretty good.
I am still in the process of adding music, but the "Metal" category has some songs.
Demo: http://www.darkaftermath.org (right side)
I have changed the image a little to fit my site abit better, but what I was wondering
was about the display of the Categories. Right now I have Metal, Rock, Rap, Old School....
Is it possible to have it where you see "Metal" then when you click it it drops down or something and
shows a list of bands or lettered folders. So any band I put in a specific folder can be pulled instead of installing 100's of metal songs into 1 playlist?
To shorten it up...
1. Visitor sees block
2. In category section they see numerous categories eg. Metal, Rock, Rap, Old School, 80's, 90's etc
3. After clicking on a category it opens up or drops down into sub folders labeled by either band names, or A-Z 1-0 or something.
4. They click on that particular sub category and it will have the popup with only those respective songs from that particular sub category...
Possible??
For customization to the player you should seek help from the Authors site.
it says
nan%downloaded...and no music is playing,,,pls help
Quote from: IchBinâ„¢ on October 27, 2008, 11:56:36 PM
For customization and problems with the player you should seek help from the Authors site.
Added to my quote. :)