Splashscreen with Audio

**simonjones** · 12-26-2007, 03:33 PM

I’m successfully using “Splash Page Script” (http://www.dynamicdrive.com/dynamici...amicsplash.htm) in order to show JPG images before the main web page content. I’m now looking to use the same (or similar) with WAV or MP3 audio, which should disappear with the splash screen.

**ruthc** · 12-30-2007, 02:03 AM

Hi,

I'm not sure about mp3 and such, but you could do it with an swf file by just putting it on the splash page. It would stop playing when the page was closed. With the others, they use players, so I'm not sure if they were embedded on the page if they would shut off when the page was closed.

I am not knowledgeable about a lot of this so there are probably a lot better ways, this is just the one I know.

Ruth

**BLiZZaRD** · 12-30-2007, 03:14 PM

That would only work if you controlled the splash page. Linking to google, say, as a splash page, you can not alter their code.

Of course if it IS your page... why Splash it? Why not just make it your starting page?

Frames is about the only true way of doing it, but then some sites you may Splash will break out of frames.

So the real question is... will the Splash page be yours or someone else?

**simonjones** · 12-30-2007, 04:42 PM

Thanks Ruth.

BLiZZaRD, it will be my own Splash pages – it’s for a local website; an elaborate way of cataloguing my DVD collection. I’m really only doing this as a learning process. Anyway, for the purpose of demonstrating my intentions to you, I’ve borrowed a corner of my sister’s web server: http://www.whitetara.co.uk/dvd/index.html.

Upon clicking on a film title, I intended for there to be a title page displaying the DVD cover, and having the theme tune playing, before going on to the main content (please note only “10” and the “ABBA” titles are linked to their respective pages).

Hope this waffle makes some sort of sense?

**BLiZZaRD** · 12-30-2007, 05:02 PM

Well, if it is your own page, just put the music file on that page, when it closes, no more music.

The problems you will run into with music:

1) They take time to load, and the song may not start or finish before the redirect kicks in.
2) placing music on a page is difficult to get HTML 4.01 strict valid code. Possible, but with autoplay - tricky
3) A lot of visitors, especially to a music site, will have CDs or MP3s playing already, and will not like the override of your sites music.

That said, there are a couple ways to do it:

in the HTML of the splash page....

if you don't care about valid code use:

Code:

<bgsound src="http://yoursite.com/path/to/sound.mp3" loop="once">

This can go in the <head> section of the page. Also note this will not play in all browsers.

If you DO care about valid code use the following (note each is different for various file types, I will do .wav and .mp3 for you here)

Code:

<p>
<object type="audio/x-wav" data="/path/to/soundfile.wav" width="200" height="20">
  <param name="src" value="/path/to/soundfile.wav">
  <param name="autoplay" value="true">
  <param name="autoStart" value="0">
  alt : <a href="/path/to/soundfile.wav">soundfile.wav</a>
</object>
</p>

Code:

<p>
<object type="audio/mpeg" data="/path/to/soundfile.mp3" width="200" height="20">
  <param name="src" value="/path/to/soundfile.wav">
  <param name="autoplay" value="true">
  <param name="autoStart" value="0">
  alt : <a href="/path/to/soundfile.wav">soundfile.mp3</a>
</object>
</p>

Obviously change the /path/to/soundfile.wav(or .mp3) to the location and name of your sound file.

If you have other sound types look here for their codes

**simonjones** · 12-30-2007, 05:15 PM

Thanks very, very much for that – I know I’ll have fun experimenting later on.

I do take your point about music/audio not being ideal, but this site won’t be published, and I can pre-warn anyone who wants to look at it.

Thanks again, very much appreciated.

**BLiZZaRD** · 12-30-2007, 05:36 PM

Welcome

Word of advice, internal site or not, get the files as small as possible, and/or extend the redirect time. If you want them to hear it, give them the chance.

The bonus with being on a LAN, is you have less connectivity issues, and everyone should connect/download at the same (or similar) speeds, so you can test it on 1 or 2 computers instead of testing different browsers, speeds, etc.

Enjoy

Thread: Splashscreen with Audio

Thread Tools

Search Thread

Splashscreen with Audio

Bookmarks

Bookmarks

Posting Permissions