</style>\r
</head>\r
<body>\r
- <audio src="./audios/background/rejectedworld.mp3" controls autoplay loop></audio>\r
+ <audio id="bg-music" src="./audios/background/rejectedworld.mp3" controls loop muted></audio>\r
+ <script>\r
+ const bgMusic = document.getElementById('bg-music');\r
+\r
+ window.addEventListener('scroll', function() {\r
+ bgMusic.muted = false;\r
+ bgMusic.play().catch(function(error) {\r
+ console.error("Autoplay was prevented!", error);\r
+ });\r
+\r
+ window.removeEventListener('scroll', arguments.callee);\r
+ });\r
+ </script>\r
<header>\r
<img src="./images/gifs/doraemon.gif" alt="doraemon hello gif" width="100">\r
<img src="./images/gifs/welcomemovetree.gif" alt="tree with welcome text gif" width="300">\r
\r
<footer>\r
<div style="text-align: left">\r
- <p># of visitors: </p><script type="text/javascript" src="https://counter.websiteout.com/js/14/7/0/1"></script>\r
+ <!-- <p># of visitors: </p><script type="text/javascript" src="https://counter.websiteout.com/js/14/7/0/1"></script> -->\r
</div>\r
<div style="text-align: right">\r
<a href="http://www.anybrowser.org/campaign/"><img src="./images/gifs/badges/anybrowser.gif" alt="Viewable With Any Browser" /></a>\r
projects / mysite.git / commitdiff