Music for your site

rphMedia · October 23, 2004, 06:27:44 PM

OK, here's a trick if you want music at your Coppermine Gallery. I see many, many posts by users who are struggling with this one. It's so simple, it's not even funny

and this is really not that invasive (later I will try to create a dhtml to open and close the player [window]).

Put your start page in an iframe. Here's the basic code, you can play with all the parameters to get it to where you want it. Mine's pointing to a new age streaming radio station on the net (nice for viewing images anyway).

Code Select

<html>
<head>
<title>Online Photo Album</title>
<link rel="stylesheet" href="themes/yourtheme/style.css" />
</head>
<body bgcolor="#000000" topmargin="0" leftmargin="0" scroll="no">
<div align="center">
<table width="100%" height="90%">
<tr>
<td align="center">
<iframe src="index.php" width="100%" height="100%" frameborder="0" ALLOWTRANSPARENCY="true" scrolling="auto" name="myInlineFrame">
Your browser doesn't seem to support "frames"</iframe>
</td>
</tr>
</table>
<object classid="CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6" id="WMP1" Style="border-style: none; border-width: 0; margin: 0" width="100%" height="60">
			<param name="URL" value="yourmusic.mp3">
			<param name="AutoStart"    value=false>
			<param name="AutoRewind"   value=true>
</object>
</div> 
</body>

Name it index.htm and you can still access your gallery with a folder. This is simply embedding the WMP ActiveX control below the iFrame. Now, when your vistor navigates around your gallery, the music continues throughout and of course, they can stop/pause anytime. Your visitor has the option to play music (or not) upon arrival. I personally wouldn't want it to start auto, though it can be done by changing that parameter. And it doesn't have to be on the bottom; I thought mine looked better this way. The music itself could be a playlist, one file, or a url to streaming media (lots of them out there). I hope you find this useful - enjoy!

hama · November 18, 2004, 10:14:46 PM

Nice trick! At the moment I listen to the sound of your website ...

Some questions:

What about more than one mp3?

How can I point to a radio station of my choice? For example http://www.radiopilatus.ch/sound/low.asx.

What about two radio stations?

How can I build in "your trick"? Do I have to change the index.php or something else? Sorry, I'm a php-beginner ...

My gallery: http://www.dorfschule.ch/copper/index.php

hama · November 18, 2004, 10:36:15 PM

My gallery has also sound but with another solution, 'poubao' gave me the code.

--> http://www.dorfschule.ch/copper/displayimage.php?album=48&pid=5420&slideshow=5000 --> Sound ...

But your solution with radio stations ... sounds very good ...

Do I have to change your code like that:

<param name="URL" value="yourmusic.mp3"> --> <param name="URL" value="http://www.radiopilatus.ch/sound/low.asx">

rphMedia · November 18, 2004, 11:05:01 PM

Yes hama, you're exactly right as far as using the radio station URL.

As far as how you implement, your gallery is in a folder and your start page is index.php.....take that code above, puit it in Notepad, edit your particulars (theme, add your radio station URL) and that's it. Save it as index.htm and put it in the same directory. Your server should default to the index.htm file auto (unless you've manually configured otherwise). Just put your link like so

My gallery: http://www.dorfschule.ch/copper/

Same as: http://www.dorfschule.ch/copper/index.htm

Understand that search engines get confused with iFrames. So you'd have to configure your meta tags and indexes differntly if you're concerned with that.

hama · November 19, 2004, 01:16:46 AM

Thanks, I did it and it works with "Radio Pilatus".

I think it would be very difficult to change between to radio stations or between some mp3's and one or two radio stations ...

Or do you know a solution?

The gallery is now in a frame. Is it possible to set the frame border to real 0? At the moment there is a little bit space ...

--> http://www.dorfschule.ch/copper/index.htm (I will change the menu-links on the top later.)

Anyway, thanks for the great music-trick!

hama

rphMedia · November 19, 2004, 12:24:06 PM

Yeah, a dropdown (or something to that effect) would be nice to pass to the iframe. I'm sure it can be done, haven't tackled that yet. Your site looks good as far as border (using IE) - you may have fixed it. You could also try frameborder="0px". Although, I haven't tried that either. Glad you liked it

More stuff to come.

Justttt · November 19, 2004, 12:32:25 PM

your scipt looks great i would love to use it but my browser dose not support iframes i did when i first got it sorry if this is a bit off topic but do you no how to turn iframes on because i would like to use you scirpt

kiig · November 19, 2004, 12:43:39 PM

Thanx rphMedia.. worked just out of the box :-)

I didn't want the 'player' part at the bottom of the windows, - so changing the width and height of the 'player-part' of your script (to 0) keeps the music, - but basically removes the player. I just wanted it to produce a non-looping sound at startup, - and it did.

Thanx, once again.

Kim Igel.

rphMedia · November 19, 2004, 01:20:19 PM

Justttt, what browser are you using?

And Kim, neat trick

But be aware that some people don't like music (uncontrolled) on a site. It used to be an amazement, but nowadays, it drives users away, especially if it's a large audio file. Just something to think about - alwayz give the option. You could make that thing as small as a mere non-obtrusive "play" button in a corner someplace for control. Totally up to you though.

kiig · November 19, 2004, 01:35:15 PM

yeah, - I don't like it either, - but it's for a site I did way back for selling used cars and they'd like a 10 second V8 engine intro sound.... so before visitors realise it has no play-control buttons, - the sound will be gone.... But I do agree with you.

hama · November 19, 2004, 02:06:02 PM

QuoteYeah, a dropdown (or something to that effect) would be nice to pass to the iframe. I'm sure it can be done, haven't tackled that yet.

That would be nice. 50% player at left bottom / 50% dropdown box at right bottom with different radio stations.

One idea I have is to put some links in anycontent.php, for example:

--> Start gallery with radio 1
--> Start gallery with radio 2
--> Start gallery with mp3-1
--> Start gallery with mp3-2
--> ...

I know it's a "beginner idea" but changing rphMedia's code is something for profs. :-\\

hama · November 25, 2004, 02:44:50 PM

I found another solution for the "music-anycontent.php".

It needs two files, anycontent2.php and player.php.

It works on my website (except two litte problems). --> http://www.dorfschule.ch/copper/index.php --> ("Sound :-)", at the bottom)

P1: At the moment it doesn't run with firefox.

P2: After choosing a radio station the website is in a frame and I have a little black space at right and at the bottom. After a refresh the space disappears.

These are the two scripts (maybe you find something to modificate):

anycontent2.php:

Code Select


<?php

// ------------------------------------------------------------------------- //
// Coppermine Photo Gallery 1.3.0                                            //
// ------------------------------------------------------------------------- //
// Copyright (C) 2002,2003 Gregory DEMAR                                     //
// http://www.chezgreg.net/coppermine/                                       //
// ------------------------------------------------------------------------- //
// Updated by the Coppermine Dev Team                                        //
// see /docs/credits.html for details                                        //
// ------------------------------------------------------------------------- //
// This program is free software; you can redistribute it and/or modify      //
// it under the terms of the GNU General Public License as published by      //
// the Free Software Foundation; either version 2 of the License, or         //
// (at your option) any later version.                                       //
// ------------------------------------------------------------------------- //

/*
$Id: anycontent.php,v 1.7 2004/03/16 09:26:18 gaugau Exp $
*/

starttable("100%", "Sound :-)", 2);

echo "<tr><td class='tableb' colspan='2' align='center'><br><b>Ein bisschen Sound gefällig? Wähle deinen Sender und geniess es (eignet sich nur für TEP oder ADSL). - Viel Vergnügen!</b></br><br>";
echo "</td></tr>";
echo "<tr><td class='tableb' width='50%' align='center'><br>";
echo "<form action='player.php' method='post' target='_top'>";
echo "<select size='1' name='radiostation'>";
echo "<option selected>Bitte wählen ...</option>";

echo "<option value='http://windowsmedia.tiscali.ch/Radio105'>Radio 105 (Schweiz, 40 KBit/s)</option>";
echo "<option value='http://www.green-production.ch/asx/webradio_radio24.asx'>Radio 24 (Schweiz, 64 KBit/s)</option>";
echo "<option value='http://mediaserver1.3fach.ch/3FACH-Live'>Radio 3FACH (Schweiz, 128 KBit/s)</option>";
echo "<option value='http://www.surfmusik.de/radios/discoradiofmm.htm'>Radio Disco (Italien, 20 KBit/s)</option>";
echo "<option value='http://wms01.green.ch/djradio'>Radio DJ (Schweiz, 64 KBit/s)</option>";
echo "<option value='http://asx.skypro.tv/asx/radio-drs/drs1.asx'>Radio DRS 1 (Schweiz, 40 KBit/s)</option>";
echo "<option value='http://asx.skypro.tv/asx/radio-drs/drs3.asx'>Radio DRS 3 (Schweiz, 40 KBit/s)</option>";
echo "<option value='http://www.tv-radio.com/ondemand/rfi/mere/francais/../../../../station/rfi/rfi-20k.asx'>Radio France (Frankreich, 20 KBit/s)</option>";
echo "<option value='http://www.web-radio.com/stream.cfm?id=11489'>Radio Groove (USA, 32 KBit/s)</option>";
echo "<option value='http://www.radio-kosova.com/playlist/play.asx'>Radio Kosova (Kosova, 24 KBit/s)</option>";
echo "<option value='mms://stream2.orf.at/oe3_live'>Radio Ö3 (Österreich, 31 KBit/s)</option>";
echo "<option value='http://www.radiopilatus.ch/sound/high.asx'>Radio Pilatus (Schweiz, 48 KBit/s)</option>";
echo "<option value='http://sunshine.stream.green.ch/sunshine.wax'>Radio Sunshine (Schweiz, 40 KBit/s)</option>";
echo "<option value='http://lsd.newmedia.tiscali-business.com/bb/redirect.lsc?stream=swr3/livestream.wma&content=live&media=ms'>Radio SWR3 (Deutschland, 20 KBit/s)</option>";
echo "<option value='http://asx.skypro.tv/asx/radio-drs/virus.asx'>Radio Virus (Schweiz, 40 KBit/s)</option>";
echo "</select>&nbsp;<input type='submit' value='Und los!' name='Und los!'>";

echo "</form>";
echo "</td>";
echo "<td class='tableb' width='50%' align='center'><br>";
echo "<form action='player.php' method='post' target='_top'>";
echo "<select size='1' name='radiostation'>";
echo "<option selected>Bitte wählen ...</option>";

echo "<option value='http://xy.xy'>Air (128 KBit's)</option>";
echo "<option value='http://xy.xy'>B52's (128 KBit's)</option>";
echo "<option value='http://xy.xy'>Dire Straits (128 KBit's)</option>";
echo "<option value='http://xy.xy'>Saltimbanco (128 KBit's)</option>";
echo "<option value='http://xy.xy'>Züri West (128 KBit's)</option>";

echo "</select>&nbsp;<input type='submit' value='Und los!' name='Und los!'>";
echo "</form>";
echo "</td></tr>";

endtable();

?>

player.php:

Code Select


<?php

echo "<html>";
echo "<head>";
echo "<title>OST-Gallery</title>";
#echo "<link rel='stylesheet' href='themes/default/style.css'>";
echo "</head>";
echo "<body bgcolor='#000000' marginwidth='0' marginleft='0' topmargin='0' leftmargin='0'>";
echo "<div align='center'>";
echo "<table width='100%' height='92%' cellspacing='0' cellpading='0'>";
echo "<tr>";
echo "<td>";
echo "<iframe src='index.php' width='100%' height='100%' frameborder='0' scrolling='auto' name='myInlineFrame'>Your browser doesn't seem to support 'frames'</iframe>";
echo "</td>";
echo "</tr>";
echo "</table>";
echo "<object id='mediaPlayer' classid='CLSID:22D6F312-B0F6-11D0-94AB-0080C74C7E95' align='center' codebase='http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=6,4,5,715' standby='Loading Microsoft Windows Media Player components...' type='application/x-oleobject' viewastext width='100%' height='67'>";
echo "<param name='loop' value='true'>";
echo "<param name='FileName' value='$radiostation'>";
echo "<param name='ShowStatusBar' value='true'>";
echo "<param name='animationatStart' value='false'>";
echo "<param name='transparentatStart' value='false'>";
echo "<param name='autoStart' value='true'>";
echo "<param name='showControls' value='true'>";
echo "<param name='volume' value='-200'>";
#echo "<object classid='CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6' id='WMP1' Style='border-style: none; border-width: 0; margin: 0' width='100%' height='60'>";
#echo "<param name='URL' value='$radiostation'>";
#echo "<param name='AutoStart' value=false>";
#echo "<param name='AutoRewind' value=true>";
echo "</object>";
echo "</div>";
echo "</body>";
echo "</html>";
?>

hama · November 25, 2004, 02:50:25 PM

a little preview ...

rphMedia · November 25, 2004, 02:59:16 PM

hama,

Remove the scrollbar from the body of player.php (scroll="no"), it's not needed and may correct the "refresh" problem

Excellent work!

hama · November 25, 2004, 03:13:44 PM

Removing the scrollbar doesn't help.

Code Select


"<iframe src='index.php' width='100%' height='100%' frameborder='0' scroll='no' name='myInlineFrame'>Your browser doesn't seem to support 'frames'</iframe>";

Here's a printscreen of my problem:

rphMedia · November 25, 2004, 03:21:31 PM

No, remove the scroll from the body tag in the page, not the iFrame.

hama · November 25, 2004, 09:45:56 PM

This solution works for the gallery part. For the other parts of my website (Home/Forum/News/...) the design problem is still there from the moment I start the player.

But I think this isn't a problem we can discuss in this forum.

So thank you for the help and have a good time.

hama

itrends · November 27, 2004, 03:42:34 PM

hey all, thought you may be interested in my implementation of a music player which works on the entire site

Simply have a link that reloads the site into a frame set which contains the player.

This means that you can use the site as normal and still have the music playing

Also means that you wont upset the search engines as you have to actually click and load the frameset, leaving the rest of the pages un affected.

I am working on the player to use more formats instead of just WM so i can use realplayer etc.

Also plan to make the played look much neater, this is just a rough implementation at the moment.

The entire site is currently UNDER CONSTRUCTION!!!! here: http://www.seekoutproperty.com/

And once complete will be made live on here: http://www.sunnymonkey.com, http://www.sunnymonkey.co.uk, and http://www.uk-nightclubs.co.uk

So you should be able to find it on at least one of those addresses :-)

Let me know what you think, I know it is very simple, but it works. :-)

Oh and check out the gallery as I am modifying that quite a bit as well, so stick some music on and browse the site :-)

Look forward to your comments

TFFN
Dave

hama · November 27, 2004, 04:25:08 PM

That's a good idea and works fine!

The only problem is that with your solution I have to reconstruct my whole website. :-\\

First I'll try to solve my frameborder problem. If I can't I'll take your one.

P.S.: I'm happy that you inserted swiss radio stations into your uk clubbing information hub ...

hama

itrends · November 27, 2004, 04:34:28 PM

You sure you have to reconstruct? I wouldnt have thought you needed too >? maybe a few small mods? Anywho, you know better than me, its your site afterall :-)

I have left the stations in there as I am listening to them, and even though the HUB is uk oriented, music itself is worldwide :-) Variety is the spice of life etc :-)

Anyway, glad you like it, bit of a way to go before the site is complete, but I have done all that you see in just 1 day (I started yesterday) so i hope it wont take long until completion.

I also have a much larger collection of images, nights out, categories etc, but that will not be imported until I make the site live :-)

Again, thanks for the comments and I hope that this all evolves well with the coming future ;-)

coppermine-gallery.com/forum

News: