embedding continuous sound throughout site

@salamandersMar 13.2006

Hello all. I am new to this forum. I have just created my web site and managed to embed sound okay, with all controls including volume. When I click on a link to go to another page in my site the music stops. Is there a way to have the music and console “floating” throughout the site as visitors move from page to page?

My website is: ~~[url]~~http://home.earthlink.net/~salamanders/[/url]

Thank you.

to post a comment

HTML

41 Comments(s) _↴

@bathurst_guyMar 13.2006 — #you would have to have it loaded in a seperate frame or window - or just not have it at all.

@salamandersauthorMar 13.2006 — #Thank you for your prompt reply! How do I do that, place the console in a frame? Also, can the frame be as small as the console itself?

Here's what I have written:

<center>

<EMBED SRC="http://home.earthlink.net/~salamanders/playlist.m3u"

autostart="true"

type="audio/mpeg"

loop="true">

</EMBED>

</center>

Thank you again.

@bathurst_guyMar 13.2006 — #Only problem is that frames are out of date now days - but seeing as though its a personal site I dont see a problem in using them.

[url=http://www.google.com.au/search?q=frames+html+~tutorial&sourceid=mozilla-search&start=0&start=0&ie=utf-8&oe=utf-8&client=firefox-a&rls=org.mozilla:en-US:official]Frames Tutorials[/url]

@salamandersauthorMar 13.2006 — #Thank you again! I'll work on this.

@bathurst_guyMar 13.2006 — #no problem, just come back if you get stuck

@salamandersauthorMar 13.2006 — #Well, I'm back. I suspect I made a fine mess of things. I managed to get the screen divided into frames, but they are blank and the music now tries to open in my Windows media player. Here is what I have at the top of my source code:

<html>

<frameset rows="*,50">

<frame src="http://home.earthlink.net/~salamanders/" name="main">

<frame src="http://home.earthlink.net/~salamanders/playlist.m3u" name="sound"autostart="true"

type="audio/mpeg"

loop="true"> >

<BODY BGCOLOR="87cefa"><b>

<h1><center> FICTION WRITING </center> </h1><BR>

Then, at the very bottom I typed

</frameset>

What am I doing wrong? Thanks for all your help.

@the_treeMar 13.2006 — #Oh, dear. You seem of of missed the point of frames. Let's just pretend that you never heard the word frame.

Your best bet would be to open the music from a pop-up.[code=html]<button onclick="window.open('player.htm','music','height=200,width=400');">Play the music</button>[/code]

@salamandersauthorMar 13.2006 — #Thanks for replying. I'm trying frames because I want the music to autoplay as visitors browse my site and with the option of turning it off. Also, many people block pop-ups. Would your suggestion keep the music playing as visitors moved to a different page?

@the_treeMar 13.2006 — #Yes it would. It also would avoid the search engine, navigation and accessability issues that you are bringing into the arena with framesets.

@Tweak4Mar 13.2006 — #Thanks for replying. I'm trying frames because I want the music to autoplay as visitors browse my site and with the option of turning it off. Also, many people block pop-ups. Would your suggestion keep the music playing as visitors moved to a different page?[/QUOTE]

For what it's worth, my suggestion would be exactly the opposite of this. Provide your visitors the OPTION of listening to your music, IF THEY WANT TO, but do not auto-play it. At least you are thinking ahead to giving them the ability to shut it off, but background music is generally ranked right up there with [I]Hamster Dance[/I] on "The Great Scale of all Things Annoying".

(Also, this lends itself more to the use of a pop-up containing the music code, as users would launch the popup as the direct result of a link action, which most pop-up blockers will still allow)

@salamandersauthorMar 13.2006 — #Thanks for replying. If the button thing will pay continuously as folks browse the site (going to other pages on the site) - which means the button will need to move with them to the new page - I'll probably wind up with that idea. For now, just for the learning experience, I'm trying not to go cuckoo getting the frames idea to work. I'm reading a lot of tutorials but they all seem to presume I know how to insert the SRC lines correctly, (my url, the file, etc.) which I do not. I'll keep trying. I'll probably be back for more help before I go completely nuts.

Thanks again..

@OnionRouterMar 13.2006 — #This thread brings up a good idea. I often wondered how to do this my self.

@salamandersauthorMar 13.2006 — #AHA! Success! http://home.earthlink.net/~salamanders/

Thanks to all who helped, and so quickly. It's really very easy but a lot of the tutorials leave out the main point - the big reason for all the trouble I was having - and that is you need to create _3_ html documents instead of 2 (which is all I needed). The most important one tells the browser only frame info and that is now the index.html. What was originally the index.html is given a new name. I also managed to wipe out borders between the frames and color both the same. So I wound up with exactly what I was looking for. Now the music stays when folks click to move to a different page. And they can also turn it down or off if they want.

Thanks again everybody.

@comptech520Mar 13.2006 — #I wouldn't have music at all, what happens if the person viewing your site has dialup?

@salamandersauthorMar 13.2006 — #I have dial-up and it loads fast. It streams. That is, it loads while it's playing.

@mcbodeeMar 13.2006 — #You hear that comment so often these day, "Background music is not appropriate for websites..." I would agree on a corporate level. However this personal website is of a different pedegree and I think salamanders has a great concept rolling here. Yes frames will hinder search engines, but who really gives a cats whisker when you have no competition. Liking your style salamanders. Thank goodness you didn't go with the pop up idea as I'd never heard a thing (without turning 3 items off).

Just like to make a suggestion of a volume control on the mini sound controls in the frame. But not essential.

@salamandersauthorMar 13.2006 — #Thanks for the support, mcbodee. My web site is all fiction reading material and , being mostly text, loads pretty fast. I like the idea of sound here since folks who hang around will be reading short stories, etc. and they have music as an option for background as they read. Incidently, my sound console does have a volume control.

Thanks again. Come back and enjoy the reads. Comments would be neat as well if you feel like critiquing

.

@salamandersauthorMar 13.2006 — #Incidently, I did put in the noframes codes but I have no way of knowing if I did them right. Would anyone who has Netscape please try the site and see if it works okay?

Thanks http://home.earthlink.net/~salamanders/

@OnionRouterMar 13.2006 — #Good job!

You wouldn't mind if you posted some links to the tuterials you read other then the ones alreadly mentioned in this thread?

@salamandersauthorMar 13.2006 — #Mainly I just checked through the google search site mentioned earlier. Each site there has its own good and bad points. http://www.htmlcodetutorial.com/frames/frames.html helped some. But I'm still trying to figure out the <noframes> codes for those browsers that can't do frames. When I get it all figured out I'll come back and give you a synopsis of what I did,

@mcbodeeMar 13.2006 — #To enhance the top frame you could add BGCOLOR="#87cefa" in the sound.html page after the src="http://..." part. So would look like <embed src="http://home.earthlink.net/~salamanders/playlist.m3u" BGCOLOR="#87cefa" ...> This then makes a nice clean background behind the music controls.

@mcbodeeMar 13.2006 — #Also possibly changing index.html part of frameset rows="80,*" to frameset rows="60,*" As Navigator's default control panel is 144wx60h. Explorer's is 200wx60h. The dimensions are in pixels.

@salamandersauthorMar 13.2006 — #That's what I see in IE (the color). You have Netscape? If so, I'll need to fix that noframes page as well. If you have Netscape, is the console visible at the top? And does the sound move with you throughout the site? I'm now assuming you have clicked on the "noframes" line. Is that correct?

@mcbodeeMar 13.2006 — #Have quickly uploaded sample to [url=http://www.mcbodee.com/test/]here[/url].

See the blue covers right behind controls rather than white box.

Wouldn't worry too much about the noframes as it would have to be a very old browser to not be able to use frames.

@mcbodeeMar 13.2006 — #Frames tutorial - http://www.webdevelopersnotes.com/tutorials/adhtml/9.php3

I use IE6, meant to add that to last post.

@salamandersauthorMar 13.2006 — #I have changed the height to 60. I checked the color on the noframes console file and it is already there. It should be blue like the rest of the screen. I was under the impression I had to use noframes for Netscape browsers. Is that not true? I do know that there are problems with Firefox and Opera users. I don't know what to do about that. (I have now just checked your sample and the blue all the way to the top is what I want, so that the console appears to be sitting on the main section. Is that what you mean?

@salamandersauthorMar 13.2006 — #Yes. Webdeveloper.com is one of the sites I have visited.

@mcbodeeMar 13.2006 — #From [url=http://webmonkey.wired.com/webmonkey/reference/browser_chart/]here[/url] it shows which browsers support frames. Result, very few that dont.

I think your no frames of linking users without frames is the best idea.

With regards to the color, add -> BGCOLOR="#87cefa" <- in sound.html after the src. attribute. Nothing to do with noframes.

@salamandersauthorMar 14.2006 — #Okay. I did that and see no difference. The BGCOLOR="#87cefa" was already on that file, in <body BGCOLOR="#87cefa" </body>

@mcbodeeMar 14.2006 — #Code below for your noframes in index.html may work better as it links to your main (no frame) page

&lt;NOFRAMES&gt;
 &lt;p&gt;No frames?  No Problem! Take a look at our 
 &lt;A HREF="http://home.earthlink.net/~salamanders/indexmain.html"&gt;no-frames&lt;/A&gt; version.&lt;/p&gt;
 &lt;/NOFRAMES&gt;

@mcbodeeMar 14.2006 — #Difference is...

With that added code page shows like this

[img]http://www.mcbodee.com/test/nowhite.gif[/img]

But without the code the music controls look like...

[img]http://www.mcbodee.com/test/white.gif[/img]

@salamandersauthorMar 14.2006 — #I have never seen your sample white.gif on my web page. It has always looked like your sample nowhite.gif. I am using IE as well. Why did you see something different?

@mcbodeeMar 14.2006 — #I'm not sure why we saw different things. However I know that now yours has no white space (after you added the code) on my screen unlike before.

@salamandersauthorMar 14.2006 — #I have added the <A HREF="http://home.earthlink.net/~salamanders/indexmain.html"> to the noframes section but I can't really tell if anything is correct until I find a Netscape user.

@mcbodeeMar 15.2006 — #Have a few images for you, these are what the top frames look like in the following browser - note that you can only see the audio controls in IE.

Internet Explorer 6

[img]http://www.mcbodee.com/test/ie.gif[/img]

Firefox 1.5

[img]http://www.mcbodee.com/test/firefox.gif[/img]

Netscape 8.1

[img]http://www.mcbodee.com/test/netscape.gif[/img]

@salamandersauthorMar 15.2006 — #Thanks for this help. A friend who has Firefox got everything okay yesterday but not today. I believe it's because I wiped out the borders. Apparently borders=no is not a valid html 4.0 command in the frameset and that may be the problem for Firefox. Guess I'll need to go back with the borders.

Incidently, the console you see in IE is very different from the one I see, which is centered and longer with a sliding volume control, much nicer. I wonder why that is.

@salamandersauthorMar 15.2006 — #I'm downloading Firefox so I can see both while I fiddle with this.

@mcbodeeMar 15.2006 — #Adding BGCOLOR="87cefa" in sound.html on line 13 would solve the colour I see. Not sure why you see it ok and I dont. Might be using slightly different versions of IE.

Also can I ask how you changed the control setup as I just viewed your site and the controls look different. Ie. you can choose the track number, before you could only go forward back tracks but not know the number.

@salamandersauthorMar 15.2006 — #I do not know. I'm going crazy. I've been changing things every couple minutes, trying to get Firefox to see it (I downloaded Firefox) I have IE6. I'll keep at it and let you know when I've got it right.

@salamandersauthorMar 18.2006 — #Thanks to all here who have helped me with the frames/sound problem. I have now gotten it to work in both Firefox and IE, though I cannot get it to loop in Firefox but that's okay. My next project is to get my animated gifs to work in Firefox as good as they do in IE. Any help there?

For those who apparently are adament about no sound on web pages: My site is all reading material - fiction - and I supply very calm music to read by and the options to turn it down or off, whatever the listener choses.

Thanks again everybody.

@OnionRouterMay 07.2006 — #I've come across the (pretty) perfect solution for this.

(I'm assuming you know some HTML)

1.For Mp3's this works both in

[I]This works in I.E 6+

This works in FireFox 1.5+[/I]

2.For midi's it will only work in

[I]Internet Explorer.[/I]

[SIZE=2][B]DEMO[/B][/SIZE]

http://www.freewebs.com/localhosts/demo/

You should see a small windowsmedia player or preferable in quicktime music bar (looks better) at the bottom left of your screen in a small frame. I've chosen a 3mb mp3 for the demo.

It will work in internet explorer and firefox.

*This demo may not exist if you viewing this thread it it's like 6months later after I wrote this.

You will need 3 html files.

1.index.html - (this is what loads the main.html and music.html frames)

2.Main.html - [frame]

3.music.html - [frame]

[B]How do it:[/B]

copy and paste & Adjust the HTML here in wordpad and save as the approtiate file name in question.

[B]index.html ---->[/B]
<html>

<head>

<title>The title of your Page</title>

<meta name="keywords" content="Your keywords">

<meta name="description" content="your sites description">

<link rel="shortcut icon" href="favicon.ico" >

</head>

[B]<frameset rows="87%,5%" border=0>

<frame src="main.html" name="main">

<frame src="music.html" name="music">[/B]

<noframes>

You don't have frames <a href="http://yoursite.com/main.html">go here.</a> Or upgrade to Internet explorer 3 or Netscape Navigator 4 or get fire fox.

</noframes>

</frameset>[/QUOTE]
With index.html you change the percent values to make the frames smaller or bigger. The one with 5% is for the music.html frame.

[B]

music.html---->[/B]
<html>

<body>

<EMBED src="http://yoursite.com/yoursong.mp3" height="15" autostart="true" loop="true">

</body>

</html>[/QUOTE]
With the music.html you can fiddle with the values, try other various embed codes.

[B]

Main.html---->[/B]
Thats the content of your site[/QUOTE]
The main html is what you make. Thats your main page its up to you design it. :]

[B]NOTE:[/B]Any external links will also carry with your music. So if you have google adsense or Banner ads and one of your visitors clicks it. It may carry on the music to the next site is question.

Also in #HTML _↴

Speed deterioration <hr> with no blank space under - how ?[RESOLVED] Boxes around links whhen click on?

Success!

Help @salamanders spread the word by sharing this article on Twitter...

Tweet This

embedding continuous sound throughout site

41 Comments(s) _↴

Also in #HTML _↴

Success!

Social

Version

embedding continuous sound throughout site

41 Comments(s) ↴

Also in #HTML ↴

Success!

The web is an endless sea of information. Don't miss the boat... Subscribe!

Social

Version

41 Comments(s) _↴

Also in #HTML _↴