Audio on scroll

Ich mache eine Website mit dem skrollr-Plugin und bin fast fertig mit den Bildern und dem Scrollen selbst. Daher versuche ich jetzt, das Audio hinzuzufügen, aber ich kann das Audio scheinbar nicht starten und stoppen, wenn ich es starte will es. Dies ist das Skript, mit dem ich gerade arbeite:

<script>

$(window).scroll(function() {
    var height = $(document).height() - $(window).height();
var scroll = $(window).scrollTop();  
      var audioElm = $('#soundTour').get(0);
    audioElm.play();
    audioElm.volume = 1 - $(window).scrollTop()/height;
    console.log(audioElm.volume);
});
</script>

Dadurch wird mein Audio gestartet, sobald die Website geladen und über den gesamten Bereich der Website ausgeblendet wird. Wenn Sie also nach unten scrollen, ist es völlig lautlos. Ich habe versucht, mit der Variablen "height" im Skript zu experimentieren, aber ohne Erfolg. Der Sound wird immer stark abgesenkt, spielt aber immer noch leise im Hintergrund. Gibt es eine Möglichkeit, es an einem bestimmten Bildlaufpunkt zum Schweigen zu bringen? Lassen Sie beispielsweise das Audio bei $ (Fenster) .scrollTop () = 500 wiedergeben und bei $ (Fenster) .scrollTop () = 3000? @ Anhalte

Antworten auf die Frage(2)

Ihre Antwort auf die Frage