更新页面效果

vite-tailwindcss/src/composables/useAudio.js

@@ -62,6 +62,18 @@ export function useAudio() {
   }
 
   const play = () => playUrl(activeUrl.value)
+
+  // 尝试自动播放，返回是否成功（被浏览器拦截则返回 false，由调用方决定是否弹授权框）
+  const attemptAutoplay = async () => {
+    if (!activeUrl.value) return false
+    try {
+      await playUrl(activeUrl.value)
+      return isPlaying.value
+    } catch (e) {
+      return false
+    }
+  }
+
   const pause = () => {
     if (audio) audio.pause()
     isPlaying.value = false
@@ -98,5 +110,5 @@ export function useAudio() {
     }
   })
 
-  return { isPlaying, isReady, tracks, activeUrl, currentName, setTracks, setActive, play, pause, toggle, armAutoplay }
+  return { isPlaying, isReady, tracks, activeUrl, currentName, setTracks, setActive, play, pause, toggle, attemptAutoplay, armAutoplay }
 }