How can I trigger audio on mouse hover

Question

I know,  I know, sound is annoying on webpages but Im building a site that makes it easier for people who cant read to be able to understand the information better, i.e. making it more a accessible.
Ive tried using the Javascript method but I couldnt get it to work. Ive also looked in Jqeury but its confusing me a lot. Im hoping someone can point me in the right direction, it would be greatly appreciated.
Im using Dreamweaver CS6 btw.
Thanks.

Answer 1

Couple of questions:
What technology will you be using to play the audio? A Flash media player? HTML5 audio? Whatever built-in media player the user has installed on their machine?
How will you confirm that the user can play or even hear the audio?
As HTML was designed as a "reading" medium (linked scholarly documents was the original purpose behind HTML), you may be running into the fundamental limitations of the medium.
That being said here's a possible HTML5 audio approach (modern browsers including IE 9+ or better):
<audio id="demo" src="audio.mp3">
<p>Your browser does not support HTML5 audio.</p>
</audio>
<div>
  <button onclick="document.getElementById('demo').play()">Play the Audio</button>
  <button onclick="document.getElementById('demo').pause()">Pause the Audio</button>
  <button onclick="document.getElementById('demo').volume+=0.1">Increase Volume</button>
  <button onclick="document.getElementById('demo').volume-=0.1">Decrease Volume</button>
</div>
This demo code modified from: https://developer.mozilla.org/en-US/docs/HTML/Using_HTML5_audio_and_video
Now to make this play on hover, you will need to add some javascript code to the element you want to use as your trigger. It would look something like this:
<div id="acessibleAudioPlayback" onMouseOver=""="document.getElementById('demo').play();" onMouseOut="document.getElementById('demo').pause();">
</div>
Hope this is helpful.