TP-Docs
HTML5 Icon HTML5 Icon HTML5 Icon
TP on Social Media

Recent

Welcome to TinyPortal. Please login or sign up.

March 29, 2024, 10:36:04 AM

Login with username, password and session length
Members
Stats
  • Total Posts: 195,106
  • Total Topics: 21,213
  • Online today: 358
  • Online ever: 3,540 (September 03, 2022, 01:38:54 AM)
Users Online
  • Users: 0
  • Guests: 113
  • Total: 113

Popup Flash Jukebox

Started by akulion, April 30, 2006, 06:36:32 PM

Previous topic - Next topic

0 Members and 1 Guest are viewing this topic.

akulion

This MP3 player is by Jeroen Wijering 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
(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.
(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/

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 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 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 :)

Xarcell


akulion

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

rbh

#3
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.

Xarcell

It scrolled fast for me too.

RoarinRow

The scrolling part was o.k. for me.  I'll have to try this out sometime too.   :coolsmiley:

SMF 2.0 RC3
TP 1.0 beta 5-1
Wordpress 3.0

akulion

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

RoarinRow

Thanks for this.  Now I just have to find some mp3s that I like.   :up:

SMF 2.0 RC3
TP 1.0 beta 5-1
Wordpress 3.0

akulion


elpvn

@ 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