Bouton survolé Son à l'aide de HTML5 Audio

Est-il possible d'utiliser HTML5 pour faire du bruit lorsque l'utilisateur passe sur un de mes élément de la liste les boutons? J'aimerais jouer un très court sur/chirp son temps lorsque l'utilisateur survole un bouton de navigation. Je me rends compte qu'il ne sera pas compatible sur tous les navigateurs ou de l'appareil et c'est bien tant qu'il ne se dégrade gracieusement. Serait-il préférable d'utiliser le Flash pour ça, pour quelque raison?

Modifier
Aussi, si c'est possible pour ce faire, je serais intéressé par un exemple de code, y compris le javascript (si javascript est nécessaire). Je suis OK avec le HTML mais pas trop pratique avec Javascript.

Je tiens à mentionner que c'est une vraiment mauvaise idée à partir d'un point de vue de l'utilisabilité. Je reçois super super ennuyé juste de la bêtise, des 'clics' IE fait à chaque fois que je clique sur un lien lors de l'essai IE fonctionnalité. Je ne peux pas imaginer, je voudrais rester sur votre site pour longtemps si peu de bips commencé gazouillent comme j'ai déménagé ma souris autour. Mauvaise idée!
nzifnab - très beaucoup d'accord, même si j'ai posté la question.

OriginalL'auteur HK1 | 2011-03-10

  1. 7

    Je n'ai pas fait quelque chose comme cela, mais cela devrait être possible. E. g.

    <audio id="myaudio" src="myaudio.mp3"></audio>

<button onmouseover="document.getElementById('myaudio').play()">Hover me</button>

    Je ne suis pas familier avec le Flash, donc je ne suis pas sûr si vous pouvez utiliser JavaScript pour obtenir un fichier Flash à jouer.

    Flash peut interagir avec javascript et vice - versa -, mais pour cela, il n'est pas vraiment nécessaire.

    OriginalL'auteur Paul D. Waite

  2. 0

    C'est une vieille réponse, aujourd'hui, vous pouvez simplement utiliser HTML5 vraiment.

    Je n'avais pas recommander un son sur un hover. Les utilisateurs peuvent énerver très facilement (je voudrais).

    En tout cas, voici comment et il n'a pas besoin de HTML5:

    1) Ont un simple javascript pour la lecture du son

    <script>
    function EvalSound(soundobj) {
        var thissound=document.getElementById(soundobj);
        try {
            thissound.Play(); //Quicktime, Windows Media Player, etc.
        }
        catch (e) {
            thissound.DoPlay(); //Real Player
        }
    }
</script>

    2) Faire un invisible incorporer avec le son

    <embed src="mysound.wav" 
       autostart=false 
       width=0 
       height=0 
       id="mySound" 
       enablejavascript="true" />

    3) Faire jouer sur le vol stationnaire

    <ul id="myList">
    <li onHover="EvalSound('mySound')">Foo</li>
    <li onHover="EvalSound('mySound')">Bar</li>
</ul>

    Sinon, fixez des événements avec jQuery:

    <script>
    $(document).ready(function() {
        $('#myList').hover(EvalSound('mySound'));
    });
</script>

    Édité parce que realplayer utilise DoPlay() au lieu de Play().

    "il n'a pas besoin de HTML5" - mais c'est, sans doute, besoin de QuickTime, Windows Media Player ou Real Player.
    Oui, c'était en '11 lorsque IE6/7/8 de plus de désagrément. Aujourd'hui, j'aimerais vous recommandons également de HTML5 pour les besoins audio, et certains de secours qui fonctionne très bien dans IE8. Aussi, je crois que Windows et Mac, au moins, sont couverts avec QuickTime et Windows Media Player.

    OriginalL'auteur Camilo Martin