feat: align with upstream 1.5.9.9

2026-09-12 18:21:11 +08:00
commit 34f0679117
805 changed files with 376275 additions and 0 deletions
@@ -0,0 +1,86 @@
+<template>
+  <audio
+    ref="audioPlayer"
+    :key="audioKey"
+    :src="audioSrc"
+    :crossorigin="crossOriginVal"
+    :referrerpolicy="referrerPolicyVal"
+    playsinline
+    preload="auto"
+    webkit-playsinline
+    @canplay="$emit('canplay', $event)"
+    @ended="$emit('ended', $event)"
+    @error="$emit('error', $event)"
+    @loadedmetadata="$emit('loadedmetadata', $event)"
+    @loadstart="$emit('loadstart', $event)"
+    @pause="$emit('pause', $event)"
+    @play="$emit('play', $event)"
+    @timeupdate="$emit('timeupdate', $event)"
+  ></audio>
+</template>
+
+<script setup>
+import { ref, watch, nextTick, computed } from 'vue'
+
+const props = defineProps({
+  song: {
+    type: Object,
+    default: null
+  }
+})
+
+const emit = defineEmits([
+  'timeupdate',
+  'ended',
+  'loadedmetadata',
+  'error',
+  'play',
+  'pause',
+  'loadstart',
+  'canplay'
+])
+
+const audioPlayer = ref(null)
+
+const crossOriginVal = computed(() => {
+  return props.song?.musicPlatform === 'migu' ? null : 'anonymous'
+})
+const referrerPolicyVal = computed(() => {
+  return props.song?.musicPlatform === 'migu' ? null : 'no-referrer'
+})
+const audioSrc = computed(() => {
+  return props.song?.musicUrl || undefined
+})
+const audioKey = computed(() => {
+  // 当平台改变时，使用不同的 key 强制重新创建元素
+  return props.song?.musicPlatform || 'default'
+})
+
+// 错误消息常量，避免使用魔法字符串
+const ERROR_MESSAGES = {
+  BILIBILI_NO_AUDIO: 'No audio URL available for Bilibili video'
+}
+
+// 监听 song 变化，如果没有 musicUrl 则立即触发错误
+watch(
+  () => props.song,
+  (newSong, oldSong) => {
+    if (newSong && !newSong.musicUrl) {
+      // 使用 nextTick 确保 DOM 已更新
+      nextTick(() => {
+        // 创建一个自定义错误对象
+        const error = new Error(ERROR_MESSAGES.BILIBILI_NO_AUDIO)
+        error.name = 'BilibiliNoAudioError'
+
+        // 立即触发错误事件
+        emit('error', error)
+      })
+    }
+  },
+  { immediate: true }
+)
+
+defineExpose({
+  audioPlayer
+})
+</script>