1. casa
  2. Domanda e risposta
  3. Come impostare un volume iniziale specifico per il tag <audio>

Come impostare un volume iniziale specifico per il tag <audio>

2013-12-16 15 views
7

Ho solo una conoscenza di base dell'HTML e dei CSS e ho cercato in modo approfondito su Google di trovare una risposta a questa domanda: tutto sembra indicare JavaScript e/o jQuery. L'ho provato e non riesco a farlo funzionare.Come impostare un volume iniziale specifico per il tag <audio>

Ho un file audio che inizia a essere riprodotto quando il mio sito web viene caricato. Voglio impostare un volume iniziale specifico in modo che i miei visitatori non abbiano un attacco di cuore se il loro volume è alto.

Questo è quello che ho:

HTML:

<audio id="bgAudio" autoplay="autoplay" controls="controls" loop="loop" src="audio/025.mp3"></audio>

CSS:

#bgAudio { 
position:fixed; 
z-index:1000; 
width:250px; 
}

JavaScript:

backgroundAudio=document.getElementById("bgAudio"); 
backgroundAudio.volume=0.5;

Qualsiasi aiuto sarebbe molto apprezzato!

fonte

2013-12-16 Almir

+1

Il codice guarda bene; il problema non è nel codice che hai postato qui. Sei sicuro che la riga 'document.getElementById (" bgAudio ")' viene eseguita dopo che il DOM è stato creato (ad esempio, all'interno di un callback 'document.ready' o in un'

1

Utilizzare JavaScript per impostare il volume, tuttavia è necessario assicurarsi di avere il DOM pronto per modificare qualsiasi oggetto. È possibile utilizzare un evento ondocumentready o un evento Click da un invito all'azione.

Innanzitutto, ottenere l'oggetto video che si desidera modificare.

bgAudio = document.getElementById("bgAudio");

quindi utilizzare l'oggetto bgAudio per impostare le sue proprietà, come il volume.

bgAudio.volume = 0.2;

Dal momento che si sta lavorando su un sito web, vorrei fare qualcosa di simile (supponendo che si può utilizzare jQuery):

$(document).ready(function() { 
    // the site has now loaded, grab the video! 
    bgAudio = document.getElementById("bgAudio"); 
    // now tweak the volume! 
    bgAudio.volume = 0.2; 
    // now, play it! 
    bgAudio.play(); 
});

Dai un'occhiata a questo materiale di riferimento su jquery pronti, eventi e video :

fonte

2013-12-16 19:12:29

Problemi correlati

 Problemi correlati