Fitness.com
Advertisement
Go Back   Sports Forum > Community > Graphics > Tutorials

Tutorials

Have you found a great tutorial? Have you made your own tutorial?


» Current Poll
Best 5 club teams in history of Football:
Liverpool 1977-1978 - 100.00%
1 Vote
Real Madrid 1956-1960 - 0%
0 Votes
Juventus 1985 - 0%
0 Votes
Milan 1989-1990 - 100.00%
1 Vote
Ajax 1971-1973 - 0%
0 Votes
Santos 1962-1963 - 0%
0 Votes
Torinho 1940's - 100.00%
1 Vote
Ajax 1995 - 0%
0 Votes
Flamengo 1981 - 100.00%
1 Vote
Benfica 1961-1962 - 100.00%
1 Vote
Total Votes: 1
You may not vote on this poll.
» Stats
Members: 48,616
Threads: 84,986
Posts: 1,031,252
Top Poster: Rindalik (4,430)
Welcome to our newest member, kucoco
If you register for free, you will be able to post threads, vote on polls and lots more. If you have problems with the registration or logging in, please contact the administrator.

Reply
 
LinkBack Thread Tools Display Modes
Old 02-11-2004, 08:23 AM   Using Sounds in your Web Pages... Post #1
Senior Member
 
Join Date: Feb 2002
Posts: 2,202
Rep Power: 10
theKeeper is on a distinguished road
Default Using Sounds in your Web Pages...

As an alternative to using Flash, there are good and efficient ways to use sounds in your Web pages...

...whether it's for bg sounds/music, or for sounds heard when a button is clicked on. The following mini-tute runs through how to setup this function in your pages.

Here's the script/code you need for your project, and below that is a link to a DogPile search page where you can learn more about this stuff (take note of what keywords i used in the search box).

(replace the following sound file names)

In the HEADER of your document, put this code:

Code:
<bgsound src="oompaloompa.mp3">
This will loud a desired mp3 file in the bg of the document when the page is called. This can be used either alone, or in conjunction with the following button sound effect.

In your document, put this code into the HEADER section:

Code:
<script language="JavaScript" type="text/javascript">
<!-- 
function playSound(soundobj) {
var thissound= eval("document."+soundobj);
thissound.Play();
}
-->
</script>
 
<embed src="click.wav" autostart="false" hidden="true" name="mySound">
And here's what the html link code would be on your page: (replace the link url & link text)

Code:
<a href="oompaloompa.html" onMouseOver="playSound('mySound')">Play My Sound!</a>
If you want the sound to be activated by a mouse click, then replace the onMouseOver above with onClick.

The coolest thing about this method is that by having the sound called through a mouseOver, instead of a click, you make sure the sound gets played before the clicked link can leave the current page.

Just make sure you do 2 extra things for this:[list]1) Make your button sound effect very small in file size -- i.e. no more than 6kb if possible. Use 11khz and 16bit mono for your wav settings.

2) Use a preLoad script to load the sound file when the page loads, so that it'll be ready to go as soon as a button gets clicked.[/list:u] Let me know if you have any trouble with this. Just read carefully though and it should be fairly easy to pull off.

Have fun!

Checkout this page for more learnin'.
http://www.dogpile.com/info.dogpl/se...2Bplay%2Bsound
theKeeper is offline   Reply With Quote
Reply

Go Back   Sports Forum > Community > Graphics > Tutorials

Bookmarks

Thread Tools
Display Modes


Similar threads to Using Sounds in your Web Pages...
Thread Thread Starter Forum Replies Last Post
Newspaper front pages
Newspaper front pages: I am sure that the BBC used to have a section of...
Matt Jones The Pub 4 10-02-2007 09:27 PM
Using fonts on web pages help
Using fonts on web pages help: I'm creating a website for someone but they have...
Timmy Howard The Pub 7 09-10-2007 06:49 PM
PDF and two pages
PDF and two pages: Hi, I hav desigend a form in photoshop and saved...
wood1e General Photoshop Board 1 08-14-2007 05:39 PM
Question about redirecting pages
Question about redirecting pages: Okay I have an index.html page that is my main...
Juggalo Bags General Photoshop Board 4 02-04-2006 03:22 PM
Creating web pages in ps
Creating web pages in ps: Fairly new at this, but gonna have a go at...
sooty General Photoshop Board 3 02-08-2004 10:37 PM

More threads of theKeeper
Thread Date Forum Replies Last Post
A New Open Source Vector Program -- FREE
A New Open Source Vector Program -- FREE: http://www.inkscape.org/ Check this out...
03-16-2005 General Photoshop Board 6 07-27-2005 02:55 PM
Creating a Ringlet Book Binding for Your Paper/Book
Creating a Ringlet Book Binding for Your Paper/Book: Long title huh?! :D Just wanted to make sure...
02-14-2005 Tutorials 0 02-14-2005 02:29 PM
If you have kids... (or not)...
If you have kids... (or not)...: GOD CREATED CHILDREN (AND IN THE PROCESS...
02-12-2005 The Pub 6 02-14-2005 01:46 AM
Creating a Seamlessly Tiling Angled Text Background
Creating a Seamlessly Tiling Angled Text Background: This is not that difficult to understand or do...
02-02-2005 Tutorials 1 02-02-2005 04:14 PM
"Coming Out of His Shell"
"Coming Out of His Shell": My mother-in-law sent this to the wife. Great...
01-31-2005 The Pub 2 02-01-2005 06:49 AM

Other threads in forum Tutorials
Thread Date Thread Starter Replies Last Post
Render Tutorial
Render Tutorial: My first tutorial... I dont like the...
11-05-2007 lillsneppe 0 11-05-2007 06:02 PM
C.Ronaldo Sig Tutorial
C.Ronaldo Sig Tutorial: A tutorial by myself for you... ...
06-07-2007 01srainey 19 08-08-2007 05:56 PM
Yorkey's Render Tut
Yorkey's Render Tut: http://img77.imageshack.us/img77/9999/yorkeytutjn4...
05-24-2007 Dervn 0 05-24-2007 04:31 PM
Full Signature Tutorial by Andrew
Full Signature Tutorial by Andrew: Full Signature Tut, results are welcome. ...
12-12-2006 Andrew 28 02-25-2007 02:00 AM
Create text on a football pitch/turf!
Create text on a football pitch/turf!: Click for tutorial: ...
09-03-2006 b0o 2 09-29-2006 11:18 PM

» Online Users: 42
2 members and 40 guests
cdef983, tuvw841
Most users ever online was 2,128, 07-21-2008 at 08:27 PM.

All times are GMT +1. The time now is 08:59 PM.


Powered by vBulletin® Version 3.8.3
Copyright ©2000 - 2009, Jelsoft Enterprises Ltd.
Search Engine Optimization by vBSEO 3.2.0
Fitness.com | Weight Loss | Training & Fitness | BodyBuilding | Chinese | Spanish | French | Germany | Italian | Friend Codes |
You are viewing Using Sounds in your Web Pages....