samedi 3 janvier 2015

Play a wav-file while hovering a word

I'm looking for a way to play very small wav-files when hovering a word in a text. Usually I have around 20 words in a text which you can hover and will be pronounced. bgsound was my solution, but that did not work with FF and Chrome. I added a sample of my previous solution and the problem.


Thanks in advance, Adriaan



<html>
<head></head>
<body>

In IE this works fine. In FF and Chrone it will not work.
Hovering the word is enough to fire the wav-file. <br /><br />
Great, this works, f.e. the sound of <a href="#" onmouseover="document.all.music.src='sound/cardiaal.wav'">glass</a> and that works well. Also a small one like this
<a href="#" onmouseover="document.all.music.src='http://ift.tt/1A6Fphf'">beep</a>. but it won't work in FF and Chrome.

<bgsound id="music" autostart="true" loop="1" src="#"></bgsound>

<br />
<br />

I'm curious how to get the same result with the html audio-tag.
<br /><br />

This works in all browsers, but I do not want the controls.

<audio controls="controls">
Your browser does not support the <code>audio</code> element.
<source src="http://ift.tt/1A6Fphf" type="audio/wav">
</audio>
I just want to hear the sound when I hover a word.<br />
How to fix this?
<br />
<br />

</body>
</html>

Aucun commentaire:

Enregistrer un commentaire