Help with playing audio files based on conditions

chris962 · Nov 28, 2005

I have very basic knowledge of Javascript and am trying to get a web
page to play one of two different sound files based on whether the user
has correctly guessed a number.

At the moment, all I can make it do is display an alert.

If anyone can help with this I would really appreciate it.

Chris

This is what I've got so far (correct number is 6):

<head>
<script language="JavaScript" TYPE="TEXT/JAVASCRIPT">

function validForm(PassForm) {
if (PassForm.passwd1.value == "") {
alert("No value entered")
playsound('sound.wav')

PassForm.passwd1.focus()
return false

}
if (PassForm.passwd1.value == "6") {
alert("********* Correct number *********")
playsound('\\Poweredge\Intranet_Live\winner.mp3')

PassForm.passwd1.focus()
return true

}

if (PassForm.passwd1.value != "6") {
alert("Wrong number")
playsound('\\Poweredge\Intranet_Live\wrong.mp3')

PassForm.passwd1.focus()
return false
}

return true
}
</script>
</head>

<body>

ENTER YOUR GUESS HERE:

<form method=Get enctype="application/x-www-form-urlencoded"
onSubmit="return validForm(this)">

<p class=MsoNormal><INPUT TYPE="TEXT" NAME="passwd1"><INPUT
TYPE="SUBMIT" VALUE="Go!"> <INPUT TYPE="RESET">
</p>

</form>
</body>

McKirahan · Nov 28, 2005

chris962 said:
I have very basic knowledge of Javascript and am trying to get a web
page to play one of two different sound files based on whether the user
has correctly guessed a number.

At the moment, all I can make it do is display an alert.

If anyone can help with this I would really appreciate it.

Chris

This is what I've got so far (correct number is 6):

[snip]

Will this help? Watch for word-wrap.

<html>
<head>
<title>guess.html</title>
<script type="text/javascript">
function validForm(PassForm) {
if (PassForm.passwd1.value == "") {
alert("No value entered");
playsound("sound.wav");
} else if (PassForm.passwd1.value != "6") {
alert("Wrong number");
playsound("\\Poweredge\Intranet_Live\wrong.mp3");
} else {
alert("********* Correct number *********");
playsound("\\Poweredge\Intranet_Live\winner.mp3");
return true;
}
PassForm.passwd1.focus();
return false;
}
function playsound(filename) {
var tag = "<embed src='" + filename + "' loop='false' autostart='true'
hidden>";
document.getElementById("sound").innerHTML = tag;
}
</script>
</head>
<body>
ENTER YOUR GUESS HERE:
<form method="get" onSubmit="return validForm(this)"
enctype="application/x-www-form-urlencoded">
<p class=MsoNormal>
<INPUT TYPE="TEXT" NAME="passwd1">
<INPUT TYPE="SUBMIT" VALUE="Go!">
<INPUT TYPE="RESET">
</p>
</form>
<span id="sound"></span>
</body>
</html>

Note: The <embed> tag may not work in all browsers.

1) This is all you need for the <script> tag:

<script type="text/javascript">

2) Why does you <form> tag include this?

enctype="application/x-www-form-urlencoded"

3) If this is for the Internet then you can't use this path:

\\Poweredge\Intranet_Live\

4) Is " class=MsoNormal" defined?

Is this leftover from an MS-Word export to html?

Can anybody explain this code pls?	2	Oct 23, 2006
Need help with code on website (noob)	2	Jul 18, 2022
Help with code	0	Jun 12, 2022
Filter table rows based on multiple checkboxes value	2	Jan 13, 2023
Help needed with thank you message	5	Sep 11, 2021
Help me sort out this script	1	Oct 17, 2023
Check forms With JavaScript	1	Mar 28, 2023
Need help with this script	4	Mar 12, 2023

Help with playing audio files based on conditions

chris962

McKirahan

Ask a Question

Similar Threads

Members online

Forum statistics

Latest Threads