var sound = null; var play = document.getElementById('play'); var background = document.getElementById('background'); function load() { makeItRain(); makeItPlay(); } function makeItPlay() { sound = new Howl({ urls: ['assets/audio/africa.ogg', 'assets/audio/africa.m4a'], autoplay: true, loop: true, onplay: function() { play.style.visibility = 'hidden'; } }); setTimeout(enableToggle, 2500); } function makeItRain() { background.onload = function() { var engine = new RainyDay({ image: this }); engine.rain([ [3, 2, 2] ], 100); }; background.src = 'assets/images/africa.png'; background.crossOrigin = 'anonymous'; } function playSound() { sound.play(); } var enableToggle = function() { if(0 === sound.pos()) { play.style.visibility = 'visible'; } }