JavaScript - Play A Short Sound And Then Redirect.

Hi Everyone

I don't have a clue what i'm doing with this and don't expect someone to just give me the code if it is actually possible (although it would be nice).

I've created a site and in the admin area the page will update and tell me if there is a new message from a user, I have this page automatically refreshing every 5 minutes and wondered if it's possible to play a sound file if the term "unread" appears anywhere on the page?

Thanks for any help you can provide.

Hello geniuses.

I really need your help and didn't know who else to turn to.

Using JavaScript, I require a code that allows me to play .wav sound files randomly and automatically on page start-up, I also need them to loop as they are drum beats.

The plan: to load my web page and hear a random drum beat that loops continuously.

I need it to be compatible with most, if not all Internet browsers (Chrome, Internet Explorer, Firefox and Opera are crucial) and to state what sound file is playing on the page (allowing me to identify the looping drum beat/sound file), and if possible to provide a link to the actual sound file for download.

I've tried endlessly trying to find code to build upon but have failed miserably, I would appreciate any code submissions as it would help me out massively.
It's a lot to ask I know, but it would be so very appreciated.
My knowledge with JavaScript is sadly minimal.

I've also got a quick question, how would I prevent Google Chrome from putting a pause after each sound loop? Of course, being drum beats; I require it to loop in sync and it appears only Google Chrome puts a 1 second period after each play.

Please help, I am so stuck.
Anyway guys, thanks for reading!

I'm trying to make a website where when certain keys are pressed, (in this example the key can be "a") it triggers an image change and plays a sound that loops at the same time. Is this possible? I also wanted to have a function where if you click a certain area it changes the sounds for each key to a different one. Should the whole script be nested within an if else statement where if that function is clicked, it causes the sounds to be the second set and if it isn't, they play as the normal set? I'd also prefer to not use HTML5 audio tags if possible.

i have an ajax/comet chat setup and working and i added the following line to it to play a sound when a new message is received... however every time it plays the sound, it unfocuses the textbox that the user is typing a new chat msg in....

Code:

$('soundbox').innerHTML="<embed src='WAVE_358.wav' hidden=true autostart=true loop=false>";

Not sure if the root problem is a js load issue or rather css. Problem page is he http://arcangelmetalworks.com/pictures.php

I've had success using the Lightbox2 module on several Drupal-based sites, but this is the first time I've handled the straight code and tried to drop it into a hand-coded site. Internet Explorer fails to draw the overlay div to the full page height. Firefox 3 performs as expected.

The web site suggests setting the body margin and padding to zero, but those were set anyway and tweaking didn't help. Another suggestion was to stick initLighbox() into the body onload, but that function doesn't exist. Also tried initialize() and Lightbox.initialize(), but again it's claimed those functions don't exist. Looking into the code, however, initialize() is where the div height is calculated, I think.

It should be noted that the lightbox still works on IE even when using one of these failed onload attempts. And I don't actually get IE to report any js error with the onloads - I have to rely on Firebug for that.

Anyone have an idea of what I'm overlooking? I've spent too much time staring at code and coming up blank.

I'm trying to resolve a UPS zone from a zip code, here is my code:
Code:

<script type="text/javascript">
var zipcode=44657;<!-- Should be zone 5 -->
var zip=zipcode.substring(0,3);
alert(zip);
<!-- Zone chart made from Jacksonville FL zip 32216 on 8-5-2010 -->
var azone = new Array (4-5, 5, 6-7, 45, 9, 45, 10-13, 5, 14, 6, 15-18, 5, 19, 6, 20-29, 5, 30-33, 6, 34, 5, 35-51, 6, 52-53, 5, 54, 6, 55, 5, 56-59, 6, 60-89, 5, 100-128, 5, 129, 6, 130-223, 5, 224-225, 4, 226, 5, 227-253, 4, 254, 5, 255-259, 4, 260-261, 5, 262, 4, 263-265, 5, 266, 4, 267, 5, 268-289, 4, 290-296, 3, 297, 4, 298, 3, 299, 2, 300-306, 3, 307, 4, 308-312, 3, 313-316, 2, 317-319, 3, 320-323, 2, 324, 3, 325, 4, 326-329, 2, 330-332, 4, 333-337, 3, 338, 2, 339, 3, 341, 3, 342, 3, 344, 2, 346, 3, 347, 2, 349, 3, 350-359, 4, 360-361, 3, 362, 4, 363-364, 3, 365-367, 4, 368, 3, 369-397, 4, 398, 3, 399, 3, 400-409, 4, 410, 5, 411-418, 4, 420, 5, 421-427, 4, 430-470, 5, 471, 4, 472-475, 5, 476-477, 4, 478-496, 5, 497-505, 6, 506-507, 5, 508-516, 6, 520, 5, 521, 6, 522-539, 5, 540-566, 6, 567, 7, 570-575, 6, 576-577, 7, 580-581, 6, 582, 593, 7, 594-599, 8, 600-668, 5, 669-672, 6, 673, 5, 674-692, 6, 693, 7, 700-704, 4, 705-706, 5, 707-709, 4, 710-722, 5, 723, 4, 724-735, 5, 736, 6, 737, 5, 738-739, 6, 740-768, 5, 769, 6, 770-784, 5, 785, 6, 786-787, 5, 788, 6, 789, 5, 790-797, 6, 798-806, 7, 807, 6, 808-820, 7, 821, 8, 822-831, 7, 832-844, 8, 845-846, 7, 847, 8, 850-853, 7, 854, 8, 855-863, 7, 864, 8, 865-875, 7, 877, 6, 878-880, 7, 881-882, 6, 883, 7, 884, 6, 885, 7, 889-961, 8, 970-986, 8, 988-994, 8);
for (y=0;azone[y]=zip;y=y+2){
document.write (azone[y+1])
}
</script>

Can someone see my error? I'm a bit rusty at my javascript.

I'm slowly scraping away errors from a page im working on and ive found this forum to be very helpful- down to one more that i wanted to post on.
sample page is he http://darrenlasso.com/freelance/loo.../lookbook.html

Works fine in most all browsers except for IE8- ive even had to include built in ie7 compatibility to get it to work at all. Problem is most likely associated with my js, which is:
Code:

function ShowPage(frame)

 {
  frames[0].location = frame+'.html'
  }

and html is:
Code:

<div id="thumb1"><a onmouseover="ShowPage('frame1')"onclick="ShowPage('frame1')" rel="nofollow" target="mainbox"></a></div>
<div id="thumb2"><a onmouseover="ShowPage('frame2')"onclick="ShowPage('frame2')" rel="nofollow" target="mainbox"></a></div>
<div id="thumb3"><a onmouseover="ShowPage('frame3')"onclick="ShowPage('frame3')" rel="nofollow" target="mainbox"></a></div>

etc etc..


Which is just something i found online - probly isnt right for what im trying to accomplish. If you go to the site- you navigate by hovering over/clicking the images at the top and that loads a new page into the iframe below. Id like to be able to fix the errors and get it working without having to force ie7 compatibility if possible too. Any help is much appreciated

I'm trying to find a way to display a future date in short format (as an expiration date) with Javascript. I've figured out how to do it with long format, but have no idea how to convert it and I'm not great with Javascript.

Here is code that I found on another forum and modified:

Code:

<!doctype html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>

<body>


<!doctype html>
<head>
<title>Expires</title>
</head>
<body>

<script>

var myDelayInDays=6, myDate=new Date();
myDate.setDate(myDate.getDate()+myDelayInDays);

document.write('Expires: ' + myDate.toLocaleDateString());

</script>
</body>
</html>

</body>
</html>

Which displays:

"Expires: Monday, May 21, 2012"

I would like it to display:

"Expires: 05/21/2012"

Can anyone help?!

Hey guys, I need some help. I have divs placed in a html document, and what I need to do is have a sound play when a person is to hover their mouse over the,. I used this code that I've butchered together from researching on the internet, but it just isn't working. The sound plays automatically as soon as the site loads. Can you please help me? Here is my code:

Code:

<html>
<head>
<script>
function EvalSound(soundobj) {
  var thissound= eval("document."+soundobj);
  thissound.Play();
}
</script>

<embed src="C.mp3" autostart=false width=0 height=0 name="C"
enablejavascript="true">
<embed src="D.mp3" autostart=false width=0 height=0 name="D"
enablejavascript="true">

</head>
<link rel="stylesheet" type="text/css" href="NavTest.css">

<div id=red alt="#" onMouseOver="EvalSound('C')"></div>
<div id=blue alt="#" onMouseOver="EvalSound('D')"></div>
</html>

Thank you! [:

Sorry, maybe I should also mention that my knowledge of Javascript is NONE! :|

Hi

I'm wanting to add a sound to an image when it is clicked. Basically when you click a picture of a mouse is squeaks.

Can someone help me with the code for this?

I think its Javascript which is a aboit scary for me ha!

I'm hoping its not to complicated and confusing for my brain!!

Cheers

C

Hello Everyone!

I am looking for help with this script and I was wondering if someone could help me out? I want to play a sound on a mouse click, which there are a ton of scripts out there that do this. Here is my problem I want to be able to let the users shut the sound on and off. This is for a feature to my site that I am building that is just using javascript and html. Here is what I have so far below. I would also like to have a div to show if the sound is on or off. The only thing that I am looking for the javascript to play and stop the sound file.

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Untitled Document</title>
<script type="text/javascript">
var theSound = "on";
function playSound(){
if(document.getElementById("mute").checked == false){
document.getElementById("theSound").style.display = "block"; //isert play sound code here
}
}
function muteSound(){
document.getElementById("theSound").style.display = "none"; //insert stop sound code here
}
</script>
</head>

<body>
<form name="soundTest">
<input name="sound" type="checkbox" value="on" id="mute" />Mute
</form>
<p onmouseover="playSound()" onmouseout="muteSound()">Mouseover this to make the "Sound".</p>
<!--This is just a div that represents a sound playing.-->
<div id="theSound" style="display:none; background:#FF0000; padding:10px; font-size:36px">SOUND!</div>
</body>
</html>

Note: That this script just shows a mute check box. I think I am going to to buttons for start and stop.

Thanks for the help in advance and look forward to hearing from you.

Chris

Hey guys, first I am new and I don't really know where this goes but I am wanting some help with developing a program that converts Sound (Speech or more preferably a sound... Like a frequency) to a Keystroke or code.. I know a little bit of C++ if that helps.. (I also Have Visual Studio 2013) Thanks guys





Reply With Quote




12-21-2014, 12:36 PM #2
Philip M View Profile View Forum Posts

Supreme Master coder! Join Date Jun 2002 Location London, England Posts 18,371 Thanks 204 Thanked 2,573 Times in 2,551 Posts

Not possible using Javascript.

The Warrington players can hang their heads high. - Commentator, BBC Radio 2

hi there, im trying to get a sound effect to play when a slideshow runs.

the user selects the sound from a drop down menu on each image. The sound play when selected. But i need some way to pass it into the function that starts the slideshow.

I am using pixtastic library to add effects to the images, and jquery (with cycle plugin) to perform the slideshow. The sounds ive put in work when selected, but i need to write a function to play them when the slideshow runs (this is where im stuck!)

The library is soundmanager2

Here is the code

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script  type="text/javascript" src="js/pixastic.core.js"></script>
<script  type="text/javascript" src="js/pixastic.jquery.js"></script>
<script type="text/javascript" src="js/actions/sepia.js"></script>
<script type="text/javascript" src="js/actions/flipv.js"></script>
<script type="text/javascript" src="js/actions/emboss.js"></script>
<script type="text/javascript" src="js/actions/blur.js"></script>
<script type="text/javascript" src="js/actions/solarize.js"></script>
<script type="text/javascript" src="js/actions/edges.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
<!-- include Cycle plugin -->
<script type="text/javascript" src="http://cloud.github.com/downloads/malsup/cycle/jquery.cycle.all.latest.js"></script>
<script type="text/javascript" src="js/Soundmanager/script/soundmanager.js"></script>
<script>
function change_image(id, effect)
{
	Pixastic.process(document.getElementById(id),effect);
}
		function startShow()
	{
		//get the canvas elements on the page
		var canvases = document.getElementsByTagName("canvas");
		var viewpane = document.getElementById("slideshow");
		for(i=0;i<canvases.length;i++)
		{
			viewpane.appendChild(canvases[i]);
		}
		$('#slideshow').cycle({
			fx: 'all' // choose your transition type, ex: fade, scrollUp, shuffle, etc...
		});

	}

</script> 
	<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
	<link rel="stylesheet" href="css/main.css" type="text/css" />
	<title>My Slideshow</title>
</head>
<body>
<div>
 <!-- soundManager appends "hidden" Flash to the first DIV on the page. -->
</div> 
	<div class="wrap">
		<h1 id="logo"><a href="javascript:location.reload(true)">My Slideshow!</a>	<br /></a></h1>
		<ul id="menu">
			Welcome to my slideshow, click view show to start<p>alternatively, click the headline to start again</p>
		
		</ul>
		<div id="text">
			<h2>Edit the images and start the show!</h2><p><h3>You can add more than one effect to each image!</h3>
      <div id = "slideshow">
<iNPUT TYPE=BUTTON OnClick="startShow()" VALUE="View The Show"> 

</div>
			</div>
<div id="leftcolumn">  
  <div id ="firstImage"> 
<img id="image1" src = "images/image1.jpg"></image>
	<form name="first_pic" id="first_pic">
  <select name="image1" onchange = "change_image(this.name,this.value);">
  <option value="blank">Edit the Image</option>
  <option value="sepia">Sepia</option>
  <option value="flipv">Flip Vertical</option>
  <option value="emboss">Emboss</option>
  <option value="solarize">Solarize</option>
  <option value="blur">Blur</option> 
  <option value="edges">Edged</option>
</select>
<select name="image1" onchange = "soundManager.play(this.value);">
  <option value="">Choose a sound</option>
  <option value="beep">Beep</option>
  <option value="gangsta">Gangsta</option>
  <option value="glass">Glass</option>
  <option value="page">Page turn</option>
</select>
</div>

</p>
 </div> 
 <div id="rightcolumn">

  <div id = "secondImage">
<img id="image2" src = "images/image2.jpg"></image>
	<form name="first_pic" id="first_pic">
  <select name="image2" onchange = "change_image(this.name,this.value);">
  <option value="blank">Edit the Image</option>
  <option value="sepia">Sepia</option>
  <option value="flipv">Flip Vertical</option>
  <option value="emboss">Emboss</option>
  <option value="solarize">Solarize</option>
  <option value="blur">Blur</option>
  <option value="edges">Edged</option>
</select>
<select name="image2" onchange = "soundManager.play(this.value);">
  <option value="">Choose a sound</option>
  <option value="beep">Beep</option>
  <option value="gangsta">Gangsta</option>
  <option value="glass">Glass</option>
  <option value="page">Page turn</option>
</select>
</div>
</div>			
			
			
		<div id="green_bubble">
			
		</div>
	</div>
	<div id="footer">
		<div class="wrap">
			<div id="bubble"></div>
			<div id="copyright">
				
			</div>
			<div class="clear"></div>
		</div>
	</div>
	<script type="text/javascript">soundManagerInit();</script>
</body>
</html>

Thanks!