Code solutions to PHP, JS, CSSCode source PHP, JS, CSS

Répandez vos soluces sur la planète

Love me
Solucior » JAVASCRIPT » Bruitage sur une action avec HTML5

Bruitage sur une action avec HTML5

09/09/2011 par Dux   -   4.9/5 (8 notes)

HTML5 a simplifié la manipulation de fichiers multimédias. La simple balise audio remplace le couple embed object avec ces param. Une seule ligne de code suffit et en plus elle est commandable avec javascript.
Dans l'exemple ci-dessous le onmouseout est utilisé afin de rafraichir la source du fichier audio.

En plus de l'attribut preload, vous pouvez utiliser de la même façon loop et autoplay.

Demo.

html sound Pointer over here

code source



 
<audio id="audio" src="sound1.mp3" preload="preload"></audio>

<
span onmouseover="document.getElementById('audio').play()" onmouseout="document.getElementById('audio').src='sound1.mp3'">
Pointer over here
</span>

Testé avec Safari  Google Chrome  Firefox4  
Noter ce code     |     Copié : 133x

Commentaires pour Bruitage sur une action avec HTML5

aymax     11/25/2011 16:50
un probléme avec action dans une forme... quoi que se soit le return "false ou true " le javascript fait le controle mais il passe ala page suivonte
presque comme sa just simplifier
<SCRIPT LANGUAGE="javascript">
function controle()
{
var test = document.loginbox.username.value;


if((test=='Username')||(test=='')||(test1.lengthw<6))
{
alert("XXXXXXXXXXXXXXX");
return false;
}
}
</SCRIPT>


c ici le prob
<form  name="loginbox" onsubmit="controle()" action="xxx.php" >


svp une solution
Toonol     10/13/2011 17:54
The audio element doesn't play MP3s in Firefox (or Opera).  OGG is probably the best selection for those browsers, but OGG doesn't work in IE or Safari.  There is no one audio codec that works in all browsers.
Ajouter un commentaire Pseudo
ZOOM


Bruitage sur une action avec HTML5
Formulaire upload glissé déposé très simple
Récupérer les images d'une page
Récupérer les liens d'une page
Cacher afficher un DIV avec scrolling
Ajouter des lignes de champs à un formulaire dynamiquement
Déplacer un objet DOM vers le haut