6
|
1 <!DOCTYPE html>
|
|
2 <head>
|
13
|
3 <link rel="apple-touch-icon" sizes="180x180" href="icons/apple-touch-icon.png">
|
|
4 <link rel="icon" type="image/png" sizes="32x32" href="icons/favicon-32x32.png">
|
|
5 <link rel="icon" type="image/png" sizes="16x16" href="icons/favicon-16x16.png">
|
|
6 <link rel="manifest" href="icons/site.webmanifest">
|
|
7 <link rel="shortcut icon" href="icons/favicon.ico">
|
|
8 <meta name="msapplication-TileColor" content="#da532c">
|
|
9 <meta name="msapplication-config" content="icons/browserconfig.xml">
|
|
10 <meta name="theme-color" content="#ffffff">
|
|
11 <title>it is a mystery</title>
|
6
|
12 <style>
|
|
13 body{
|
|
14 margin:0;
|
|
15 background-image: url("tomoko.gif");
|
|
16 background-position: center top;
|
|
17 background-size: 100% auto;
|
|
18 text-align: center;
|
|
19 }
|
|
20 </style>
|
|
21 <script>
|
|
22 window['libopenmpt'] = {};
|
|
23 libopenmpt.locateFile = function (filename) {
|
|
24 return filename;
|
|
25 };
|
|
26 libopenmpt.onRuntimeInitialized = function () {
|
|
27 if (document.referrer) {
|
|
28 init();
|
|
29 path = "https://api.modarchive.org/downloads.php?moduleid=37049#christms.xm";
|
|
30 if (player != undefined) {
|
|
31 player.load(path, afterLoad.bind(this, path));
|
|
32 }
|
|
33 }
|
|
34 else {
|
|
35 document.getElementById('button').style.visibility = "visible";
|
|
36 }
|
|
37 var player;
|
|
38 function init() {
|
|
39 if (player == undefined) {
|
|
40 player = new ChiptuneJsPlayer(new ChiptuneJsConfig(-1));
|
|
41 }
|
|
42 else {
|
|
43 player.stop();
|
|
44 player = undefined;
|
|
45 }
|
|
46 };
|
|
47 function afterLoad(path, buffer) {
|
|
48 player.play(buffer);
|
|
49 };
|
|
50 document.getElementById('button').onclick = function() {
|
|
51 init();
|
|
52 path = "https://api.modarchive.org/downloads.php?moduleid=37049#christms.xm";
|
|
53 if (player != undefined) {
|
|
54 player.load(path, afterLoad.bind(this, path));
|
|
55 }
|
|
56 document.getElementById('button').style.visibility = "hidden";
|
|
57 };
|
|
58 }
|
|
59 </script>
|
|
60 <script src="libopenmpt.js"></script>
|
|
61 <script src="chiptune2.js"></script>
|
|
62 </head>
|
|
63 <body id="body">
|
|
64 <br>
|
|
65 <input id="button" type="submit" name="button" value="epicness" style="visibility: hidden;">
|
|
66 </body> |