feat: 开播/下播时更新Footer状态

ddiu8081 · Oct 2, 2022 · 1661344 · 1661344
1 parent 5176e25
commit 1661344
Show file tree

Hide file tree

Showing 4 changed files with 20 additions and 8 deletions.
diff --git a/package.json b/package.json
@@ -41,7 +41,7 @@
     "@temir/core": "^0.0.20",
     "@temir/link": "^0.0.20",
     "@temir/tab": "^0.0.20",
-    "blive-message-listener": "^0.2.0",
+    "blive-message-listener": "^0.2.1",
     "dayjs": "^1.11.5",
     "ohmyfetch": "^0.4.19",
     "vue": "^3.2.40",

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/src/App.vue b/src/App.vue
@@ -78,6 +78,18 @@ onMounted(async () => {
       onWatchedChange: ({ body }) => {
         watchers.value = body.num
       },
+      onLiveStart: async ({ body }) => {
+        const roomInfo = await getRoomInfo(inputRoomId)
+        if (roomInfo) {
+          liveStatus.value = {
+            isLive: roomInfo.live_status === 1,
+            startTime: roomInfo.live_time,
+          }
+        }
+      },
+      onLiveEnd: () => {
+        liveStatus.value.isLive = false
+      },
       onIncomeDanmu: (msg) => {
         allList.value.push(msg)
         danmuList.value.push(msg)

diff --git a/src/components/CliFooter.vue b/src/components/CliFooter.vue
@@ -22,16 +22,16 @@ const attentionHighlight = ref(false)
 const timer = ref(0)
 const timeText = ref(' ')
 
-watch(() => props.liveStatus, liveStatus => {
-  if (!liveStatus.isLive) {
+watch(() => [props.liveStatus.isLive, props.liveStatus.startTime], () => {
+  if (!props.liveStatus.isLive) {
     clearInterval(timer.value)
     return
   }
   timer.value = 0
   clearInterval(timer.value)
   // @ts-ignore
   timer.value = setInterval(() => {
-    const liveSeconds = dayjs().diff(liveStatus.startTime, 'second')
+    const liveSeconds = dayjs().diff(props.liveStatus.startTime, 'second')
     timeText.value = formatSeconds(liveSeconds)
   }, 1000)
 })