]> git.bochard.net Git - mysite.git/commitdiff
might bypass autoplay restriction for bg music
authorbochard <mail@tenkyuu.dev>
Tue, 25 Mar 2025 12:58:03 +0000 (20:58 +0800)
committerbochard <mail@tenkyuu.dev>
Tue, 25 Mar 2025 12:58:03 +0000 (20:58 +0800)
index.html

index e4a4049b427571d6526a85caa06b456835f6cd6e..a947ba13f652bdd22acad708a4ad9935a045c14d 100644 (file)
@@ -87,7 +87,19 @@ footer {
 </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
@@ -152,7 +164,7 @@ footer {
 \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