atomaka/playafri.ca
1
0
Fork 0
Code Releases Activity

First working state

Browse source
This commit is contained in:
Andrew Tomaka 2014-08-29 13:50:57 -04:00
parent 86e2f15122
commit ba705e4bb8
5 changed files with 1025 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

BIN
assets/audio/africa.mp3
View file

Binary file not shown.

BIN
assets/audio/africa.ogg Normal file
View file

Binary file not shown.

5
assets/css/style.css
View file

@ -1 +1,6 @@
* { margin: 0; padding: 0; }
html, body, img {
width: 100%;
height: 100%;
}

1011
assets/js/rainyday.js Normal file
View file

File diff suppressed because it is too large Load diff

21
index.html
View file

@ -7,20 +7,16 @@
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<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>
<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="" />
<script>
var loop = new SeamlessLoop();
loop.addUri('assets/audio/africa.mp3', 5251, 'africa');
loop.callback(function() {
loop.start('africa');
});
</script>
<script>
function run() {
var image = document.getElementById('background');
@ -31,6 +27,7 @@
engine.rain([ [3, 2, 2] ], 100);
};
image.src = 'assets/img/africa.png';
image.crossOrigin = 'anonymous';
}
</script>
</body>