Wie ein bestimmtes Ausgangsvolumen für <audio> - tag

Ich habe nur Grundkenntnisse in HTML und CSS und habe mich durch Google ausgiebig versucht zu finden, eine Antwort auf diese Frage-es scheint alles zu zeigen, um JavaScript und/oder jQuery. Ich versuchte es, und ich kann nicht ankommen es zu wirken.

Habe ich eine audio-Datei zu spielen beginnt, wenn Sie meine website lädt. Ich möchte ein bestimmtes Volumen ab, so dass meine Besucher nicht einen Herzinfarkt, wenn Ihre Lautstärke ist hoch.

Dies 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äre sehr geschätzt werden!

  • Dein code sieht in Ordnung; das problem ist nicht der code, den Sie gepostet habe hier. Sind Sie sicher, dass die document.getElementById("bgAudio") Linie läuft nach dem DOM aufgebaut ist (z.B. innerhalb einer document.ready Rückruf oder eine <script> tag platziert am unteren Rand des <body>)? Falls nicht, siehe diese Antwort. Beachten Sie auch, dass iOS nicht für die programmatische Veränderung der Lautstärke.
InformationsquelleAutor Almir | 2013-12-16
  1. 7

    Du bist nicht die erste die das element und die Fehler in der Konsole

    Kann set property "volume" von null

    Verschieben Sie das Skript nach rechts, bevor die </body> tag, oder tun :

    window.onload = function() {
    var backgroundAudio=document.getElementById("bgAudio");
    backgroundAudio.volume=0.5;
}

    EDIT:

    Nichts ist ärgerlicher, als die Deaktivierung von Rechtsklicks, aber wie auch immer, hier ist, was Sie haben

    ;(function($){
mySong=document.getElementById("bgAudio");
mySong.volume=0.2;

setVolume = function(bgAudio,vol) {
    sounds[bgAudio].volume = 0.33;
}
})(jQuery);

    nun ändern

    jQuery(function($) {
    $("#bgAudio").prop("volume", 0.2);

    window.setVolume = function(bgAudio, vol) {
        sounds[bgAudio].volume = vol;
    }
});
    • VIELEN, VIELEN DANK!
    InformationsquelleAutor adeneo
  2. 1

    JavaScript verwenden, um die Lautstärke einzustellen, aber Sie brauchen, um stellen Sie sicher, dass das DOM-ready zu ändern und Objekte. Vielleicht verwenden Sie ein ondocumentready-event oder ein Click-Ereignis aus einem call-to-action.

    Erste, die das video-Objekt, das Sie ändern möchten.


    bgAudio = document.getElementById("bgAudio");

    Dann verwenden Sie die bgAudio-Objekt, um dessen Eigenschaften, wie das Volumen.


    bgAudio.volume = 0.2;

    Da Sie an einer website arbeiten, ich würde so etwas tun (vorausgesetzt, Sie können die 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();
});

    Check out this reference material auf jquery bereit, Veranstaltungen und videos:

    InformationsquelleAutor Antonio Rodriguez Martinez
Schreibe einen Kommentar