49 lines
1 KiB
JavaScript
49 lines
1 KiB
JavaScript
var sound = null;
|
|
var playing = true;
|
|
var control = document.getElementById('control');
|
|
var background = document.getElementById('background');
|
|
|
|
function toggle() {
|
|
if(playing) {
|
|
sound.pause();
|
|
playing = false;
|
|
control.className = 'icon-play';
|
|
} else {
|
|
sound.play();
|
|
playing = true;
|
|
control.className = 'icon-pause';
|
|
}
|
|
}
|
|
|
|
function load() {
|
|
makeItRain();
|
|
makeItPlay();
|
|
}
|
|
|
|
function makeItPlay() {
|
|
sound = new Howl({
|
|
urls: ['assets/audio/africa.ogg', 'assets/audio/africa.m4a'],
|
|
autoplay: true,
|
|
loop: true
|
|
});
|
|
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';
|
|
}
|
|
|
|
var enableToggle = function() {
|
|
if(0 === sound.pos()) {
|
|
playing = false;
|
|
control.className = 'icon-play';
|
|
control.style.visibility = 'visible';
|
|
}
|
|
}
|