De fond plus faible volume de la musique lors de la lecture automatique HTML
J'ai une page qui a certaines images d'animaux et lorsque vous cliquez sur eux, il joue le son de l'animal, mais depuis son un mini-jeu, j'ai une musique de fond, mais le son est trop fort. Je veux quand la musique de fond joue automatiquement, les changements de volume de 0.5. Comment puis-je définir une fonction qui le fait? Je ne veux pas d'un fonctionnement basé sur un clic, je veux qu'il soit caché et de modifier automatiquement le volume.
La fonction (il ne fonctionne pas)
myAudio = document.getElementById("audio1");
function setHalfVolume() {
myAudio.volume = 0.4;
}
HTML
<audio id= "audio1" controls="controls" onload="setHalfVolume()">
<source src="Audio\Jaunty Gumption.mp3" type="audio/mp3">
</audio>
Essayez d'initialiser myAudio à l'intérieur de la fonction la fonction setHalfVolume() { myAudio = document.getElementById("audio1"); myAudio.volume = 0.4; }
OriginalL'auteur Coding hierarchy | 2013-12-05
Vous devez vous connecter pour publier un commentaire.
L'événement que vous avez besoin est appelé onloadeddata.
Également, sauf si vous avez besoin d'accéder à la myAudio variable à partir d'autres fonctions ou dans le monde, je voudrais suggérer déplaçant dans la
setHalfVolume
fonction. Donner à ceci un essai.Modifier votre code HTML:
Changer votre JavaScript:
OriginalL'auteur PhearOfRayne
Essayez d'ajouter un événement pour
play
sur tous les éléments audio de l'intérêt et de l'appel de setHalfVolume là:Vous aurez également probablement souhaitez réinitialiser le volume de retour à la normale après
Où
resetVolume
etsetHalfVolume
sont déclarés un peu comme:il n'y a pas de jQuery dans megawac réponse
Oh, ouais désolé. Vous êtes de droite. Je suis désolé @megawac j'ai vu un $ quelque part d'autre ensuite.
Pas de soucis, inline événements ne sont pas considérés comme trop mauvaise pratique avec des éléments multimédias (à ma connaissance) mais je recommande que vous essayez d'éviter d'inlining événements chaque fois que possible.
OriginalL'auteur megawac