Please help, I have a page with 3 images. I want my visitors to hear an mp3 audio once they hover their mouse on each image.
image1 = audio1.mp3
image2 = audio2.mp3
image3 = audio3.mp3
But here are the challenges.
1- I want the audio files to play on the same page where the images are, without opening a new page.
2- I don't want the users to be asked to accept any kind of plugins (such as Windows Media Player). Which means everything needed to run the script should already exist on that page.
3- I want it to be played on the 3 major browsers (IE, Firefox, Chrome)
I spent a long time looking online, but most of what I found is only compatible in one browser or the other. Any help would be appreciated.
1 and 3 are 100% possible but number 2 without a hidden flash player of some sort is not possible to avoid without having a plugin popup appearing.
However if you find a nice flash player that can be hidden behind an element the easiest way to embed flash dynamically is to use the swfobject library
Yes I don't mind having some hidden file supporting the script. I just don't want my visitors to be asked to download a file to be able to hear the sound. Do you know any script that would do that?
Here is one that i found that's pretty easy to work with
Thanks I checked the website it looks perfect for what I need, except that I want the sound to be played when the person hovers the mouse on the image and not when they click. Can the script on the page you mentioned be changed to onmouse hovering?
Thanks for the link, it looks great, I just don't know how to use it for 3 images. Because the code for this one seems to be made to deal with only one image and one sound. Any way this can be modified to be used with three images and three sounds?
Yeah I wouldn't know either. Maybe just times everything by 3 (the essentials at least). I'm sure some others can offer a better solution to that though.