feat(audio): 改进音频自动播放逻辑

- 在HTML中将音频preload属性从none改为auto - 添加用户交互检测以提高自动播放成功率 - 使用setTimeout延迟播放尝试以绕过浏览器限制 - 移除不必要的console.error输出 - 优化CSS以确保评论头像正确显示
2025-11-30 18:27:31 +08:00
parent a871a734ee
commit 67b7c0e5f9
3 changed files with 17 additions and 11 deletions
--- a/about.html
+++ b/about.html
@@ -301,7 +301,7 @@
                <button id="fab-music" class="fab-item" tabindex="0"><i class="ri-music-2-line"></i><span class="fab-text">Play</span></button>
            </div>
        </div>
-        <audio id="site-audio" class="site-audio" src="data/至少做一件离谱的事-Kiri T_compressed.mp3" loop preload="none"></audio>
+        <audio id="site-audio" class="site-audio" src="data/至少做一件离谱的事-Kiri T_compressed.mp3" autoplay loop preload="auto"></audio>
    </main>

    <!-- 微信弹窗 -->