First working state
This commit is contained in:
parent
86e2f15122
commit
ba705e4bb8
Binary file not shown.
BIN
assets/audio/africa.ogg
Normal file
BIN
assets/audio/africa.ogg
Normal file
Binary file not shown.
|
@ -1 +1,6 @@
|
||||||
* { margin: 0; padding: 0; }
|
* { margin: 0; padding: 0; }
|
||||||
|
|
||||||
|
html, body, img {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
|
1011
assets/js/rainyday.js
Normal file
1011
assets/js/rainyday.js
Normal file
File diff suppressed because it is too large
Load Diff
21
index.html
21
index.html
|
@ -7,20 +7,16 @@
|
||||||
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
|
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
|
||||||
<![endif]-->
|
<![endif]-->
|
||||||
<link rel="stylesheet" href="assets/css/style.css" type="text/css" />
|
<link rel="stylesheet" href="assets/css/style.css" type="text/css" />
|
||||||
<script src="assets/js/SeamlessLoop.js"></script>
|
<script src="assets/js/rainyday.js"></script>
|
||||||
</head>
|
</head>
|
||||||
<body onloadi> https://github.com/maroslaw/rainyday.js/blob/master/demo2.html
|
<body onload="run()">
|
||||||
|
<body>
|
||||||
|
<audio autoplay="autoplay" loop="loop">
|
||||||
|
<source src="assets/audio/africa.ogg" />
|
||||||
|
<source src="assets/audio/africa.mp3" />
|
||||||
|
</audio>
|
||||||
|
|
||||||
<img id="background" src="" />
|
<img id="background" src="" />
|
||||||
<script>
|
|
||||||
var loop = new SeamlessLoop();
|
|
||||||
|
|
||||||
loop.addUri('assets/audio/africa.mp3', 5251, 'africa');
|
|
||||||
|
|
||||||
loop.callback(function() {
|
|
||||||
loop.start('africa');
|
|
||||||
});
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
function run() {
|
function run() {
|
||||||
var image = document.getElementById('background');
|
var image = document.getElementById('background');
|
||||||
|
@ -31,6 +27,7 @@
|
||||||
engine.rain([ [3, 2, 2] ], 100);
|
engine.rain([ [3, 2, 2] ], 100);
|
||||||
};
|
};
|
||||||
image.src = 'assets/img/africa.png';
|
image.src = 'assets/img/africa.png';
|
||||||
|
image.crossOrigin = 'anonymous';
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
</body>
|
</body>
|
||||||
|
|
Loading…
Reference in New Issue
Block a user