How can I play a sound when I click an image, without the information bar popping up at top? I've looked all over, and I've tried a few javascript-only methods but none have worked for me.. Is flash the only way to go?
View 1 RepliesIs there any universal way (for all browsers) of using JavaScript to play some sound when you mouse over some link? If yes can somebody link me to this code or at least write me how one would do this?
View 5 Replies View RelatedI am developing a web application where each page shows a series of small jpg images each with an onClick event which plays a small mp3 file using javascript.
It all works perfectly but is a bit slow to load, so the customer wondered if we might develop a local version which, although the page was accessed via the web, the images and mp3s were installed on a users local pc (will be machine specific application anyway).
I have managed to do this for the images by using:
<img src="file:///C|/folder/home.jpg" onClick="EvalSound('shortname')">
and adding the site as a trusted site in IE7 (after much head scratching!).
However, my embed statement to embed the local mp3 files doesn't seem to work. I am using:
<embed src="file:///C|/folder/filename.mp3" autostart=false width=0 height=0 name="shortname" enablejavascript="true">
I have tried all sorts of versions of this path and nothing seems to work. I just get an 'unspecified error' when I click the image.
I can play a sound on my local machine, but when I upload to a server the same code it does not play. I cannot work out why, the link below gives the code. The multi channel code is here:
[URL]
I installed Firebug and insepcted the Net components and can see that the .wav files are being ought out but returning a 304 and then 404 error. This would be fine, however the path being sought is correct. Going to link does'nt play the sound, but removing the file and paring back to the directory brings you to the directory on the server and clicking the file does play the sound. The code works locally, and I simply cannot see what could be causing the issue in the server versions on both Firefox and Chrome.
I was wondering if there was a way to load a streaming/static
mp3, wav etc. with javascript and then beign able to control its
playing, pausing etc.
Is it possible to play a sound file when a visitor to my website moves their mouse/pointer over a single image no matter what browser they are using?
View 4 Replies View RelatedI am trying to use the following code to make the source of a embedded sound switch to different sound files based on which link is clicked:
javascript:
scales=Array("sounds/scales/Mscale.wma", "sounds/scales/hminscale.wma", "sounds/scales/nminscale.wma", "sounds/scales/mminscale.wma", "sounds/scales/chrscale.wma");
function Mscale() {
[Code].....
User clicks on image map that displays DIV1 with player id="Player1". When user clicks on another part of the map, DIV2 appears with another video - but DIV1's player "Player1" keeps playing. How can I stop the event after going to another div? Lots of efforts "out there" but I've yet to find out just how to do it successfully.
View 1 Replies View RelatedIs there a way of simulating a mouseclick in a div from a keypress?
In other words, if I press 2, I want it to simulate me actually having clicked in the div <div id="jplayer_next2"><a href="#">next</div>
Long version (for anyone wondering "WHY?")
Using the jplayer jquery plugin:
For some reason (and after 2 days I've given up trying to find out) I can't seem to directly call the function which is defined right there on the page:
function playListNext() {
var index = (playItem+1 < myPlayList.length) ? playItem+1 : 0;
if( index > 0 ) {
playListChange( index );
[Code]....
I have a link, which will hopefully change two divs simultaneously.
At the moment, I can only get one div to work at a time:
HTML Code:
How would I combine these so the div and the image changes?
The JS looks like this:
Code:
have an image that when a user clicks, a textarea should show up at the click. I specify textarea style top and left in javascript. On Firefox this works fine, but in Internet Explorer (IE) the textarea is created right before the image instead of on top of the image. It is like that it just ignored the top and left positions.Also, users can query the database to show all the (mouse clicked) textareas that were created on the image. I coded this using PHP and a bunch of echo's. For some reason, the PHP code works with the CSS styles top and left specified meaning the textareas show up fine on top of the image. But creating a brand new textarea with a mouse click in javascript is not working.Here is the javascript (does not work in IE, works in FF):
function createTextArea(e){
getMouseCoords(e);//sets posy, posx
var newDiv= document.createElement("textarea");
[code]....
I'm used to building objects in Visual Basic and I'm having difficulty simplifying this code into an object so I can just define and run about a dozen of them.
The code creates a button which changes on mouseover and on mouseclick. The button is a link to another page.
Also on mouseover the button slides to the right, giving a more intelligent feel for the user.
What are my options for streamlining this code so I can reduce the number of lines of code-clutter?
The code below is formatted properly.
PHP Code:
i need code in javascript to make the player select playing with the computer or other player and select who player beginning playing
View 2 Replies View RelatedI'm using HTML 4 Strict and looking for a way to preload a sound.....
View 1 Replies View RelatedDoes anyone now where I can find a javascript that plays a .wav file when someone moves there mouse over an image? I was looking around for a while and the closest one I could find didn't work in Internet Explorer.
View 4 Replies View RelatedI need to create sound with Javascript. Until now all the code I have
been trying doesn't work width Firefox. can some one please show me
how to do it, or give me a link to a good article?
Below is the script. Just insert the name of your sound file where it says car3.wav.
At some point, the script turns from a sound loader into an image loader -- that begins at this line:
if (document.images)
<script LANGUAGE="JavaScript">
var aySound = new Array();
// Below: source for sound files to be preloaded
aySound[0] = "car3.wav";
// DO NOT edit below this line
document.write('<BGSOUND ID="auIEContainer">')
IE = (navigator.appVersion.indexOf("MSIE")!=-1 && document.all)? 1:0;
NS = (navigator.appName=="Netscape" && navigator.plugins["LiveAudio"])? 1:0;
ver4 = IE||NS? 1:0;
onload=auPreload;
function auPreload() {
if (!ver4) return;
if (NS) auEmb = new Layer(0,window);
else {
Str = "<DIV ID='auEmb' STYLE='position:absolute;'></DIV>";
document.body.insertAdjacentHTML("BeforeEnd",Str);
}
var Str = ''
for (i=0;i<aySound.length;i++)
Str += "<EMBED SRC='"+aySound[i]+"' AUTOSTART='FALSE' HIDDEN='TRUE'>"
if (IE) auEmb.innerHTML = Str;
else {
auEmb.document.open();
auEmb.document.write(Str);
auEmb.document.close();
}
auCon = IE? document.all.auIEContainer:auEmb;
auCon.control = auCtrl;
}
function auCtrl(whSound,play) {
if (IE) this.src = play? aySound[whSound]:''
else eval("this.document.embeds[whSound]." + (play? "play()":"stop()"))
}
function playSound(whSound) { if (window.auCon) auCon.control(whSound,true); }
function stopSound(whSound) { if (window.auCon) auCon.control(whSound,false); }
if (document.images)
{img1on = new Image();
img1on.src = "CI-on.gif";
img1off = new Image();
img1off.src = "CI-off.gif";}
function imgOn(imgName) {
if (document.images) {
document[imgName].src = eval(imgName + "on.src");}
}
function imgOff(imgName) {
if (document.images) {
document[imgName].src = eval(imgName + "off.src");}
}
//
</script>
There are five links buttons in the demo but only the introduction of "img1" is shown in this sample script.
In the document body, an anchor uses an onMouseOver to call for both the image flip AND the sound play.
Then it uses an onMouseOut to both revert the image and stop the sound play.
<P><A HREF="http://www.jeffs-icons.net/RZ/CI-F.html" TARGET=_top onMouseOver="imgOn('img1'), playSound(0)" onMouseOut="stopSound(0), imgOff('img1')"><IMG SRC="CI-off.gif" NAME="img1" border=0 ALT="Club Info"></A>
I have built an admin area for employees of a business. Once logged-in, if they sit idle for 5 minutes their session will be killed ( the time may vary depending on the employee ). I do all this with php but don't really know much about javascript.
What I would like to do is start playing a small sound repeatedly when the employees session is about 30 seconds from expiring. ( this will give the employee time to click on a link to keep their session alive )
So when the page loads, I would like to pass a length of time in seconds to a javascript. So if the employee can sit idle for 5 minutes, that would be 300 seconds. Minus the 30 seconds that I would like the alarm to be playing for which gives us 270 seconds. ( I'll pass this number to the script with PHP, the script does not have to figure this out... just to be clear. )
So I'm looking for something like this:
- On page load, tell javascript to count down a specific number of seconds ( 270 )
- When the countdown reaches 0, start playing sound file repeatedly.
Sounds easy enough but I haven't been able to find anything like this yet. The only ones I've seen actually display the countdown which I don't want. I want this to count down invisibly. Oh and it should hopefully work in both IE and Firefox.
can have a system(CPU) beep sound through JAVASCRIPT??
View 2 Replies View RelatedI've got a script at present which allows me to cycle through images stored in an array as a slide show on a timed basis per each one.What I would like to do is have a 2nd array which has .wav files and when the first image is shown the first sound clip in the 2nd array plays and when finished the 2nd image shows followed by the playing of the 2nd sound clip in the array.If It is not possible to move images when the sound finishes I will set the length but would like to play the sound clips with the image.My code is shown below :
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
[code]....
I know this may sound stupid, but for the life of me I just can't seem to figure out how to code a sound being played every lets say 300 seconds.
View 1 Replies View RelatedI have an on/off image piece of code: (probably out of date!)
<!--
var NN3 = false;
image1= new Image();
[code]....
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?
View 3 Replies View RelatedI was wondering if there is a javascript code that works in all browsers and will allow when a person clicks on a certain tab I have that it plays a short beep.
View 3 Replies View RelatedWhich is the best way to play sound using javascript in a controlled manner ? I need a solution which work across all browsers. This is for my bingo game page which is fully based on ajax. :)
View 1 Replies View RelatedUsing 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.
View 15 Replies View Related