Wie setze ich ein bestimmtes Startvolumen für <audio> Tag

Ich habe nur Grundkenntnisse in HTML und CSS und haben über Google ausgiebig versucht, eine Antwort auf diese Frage zu finden - es scheint alles auf JavaScript und/oder jQuery zu zeigen. Ich habe es versucht, und ich kann es nicht zur Arbeit bringen.Wie setze ich ein bestimmtes Startvolumen für <audio> Tag

Ich habe eine Audiodatei, die zu spielen beginnt, wenn meine Website geladen wird. Ich möchte ein bestimmtes Startvolumen festlegen, damit meine Besucher keinen Herzinfarkt bekommen, wenn ihre Lautstärke hoch ist. Diese

ist, was ich habe:

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;

Jede Hilfe würde sehr geschätzt werden!

Quelle

2013-12-16 Almir

Ihr Code sieht gut haben; Das Problem liegt nicht in dem Code, den Sie hier gepostet haben. Sind Sie sicher, dass die Zeile 'document.getElementById (" bgAudio ") ausgeführt wird, nachdem das DOM erstellt wurde (zB innerhalb eines' document.ready' Callbacks oder in einem '

Verwenden Sie JavaScript, um das Volume festzulegen, Sie müssen jedoch sicherstellen, dass das DOM zum Ändern von Objekten bereit ist. Verwenden Sie möglicherweise ein ondocumentready-Ereignis oder ein Click-Ereignis aus einem Call-to-Action.

Holen Sie sich zuerst das Videoobjekt, das Sie ändern möchten.

bgAudio = document.getElementById("bgAudio");

dann das Objekt bgAudio verwenden seine Eigenschaften festlegen, wie das Volumen.

bgAudio.volume = 0.2;

Da Sie auf einer Website arbeiten, würde ich so etwas tun (vorausgesetzt, Sie jQuery verwenden):

$(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(); 
});

Schauen Sie sich dieses Referenzmaterial auf jquery bereit, Veranstaltungen und Videos :

Quelle

2013-12-16 19:12:29

Wie setze ich ein bestimmtes Startvolumen für <audio> Tag

Verwandte Themen