From 4ea072b5db43f068f680ee650aacd880f0668fe4 Mon Sep 17 00:00:00 2001
From: a-wing <1@233.email>
Date: Tue, 16 Jan 2024 00:41:57 +0800
Subject: [PATCH] fix(webapp): player loading

---
 webapp/components/player/player.tsx | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/webapp/components/player/player.tsx b/webapp/components/player/player.tsx
index 6065d9d..03fd48b 100644
--- a/webapp/components/player/player.tsx
+++ b/webapp/components/player/player.tsx
@@ -2,6 +2,7 @@ import { useEffect, useRef, useState } from 'react'
 import WaveSurfer from 'wavesurfer.js'
 import RecordPlugin from 'wavesurfer.js/dist/plugins/record'
 import { isWechat } from '../../lib/util'
+import SvgProgress from '../svg/progress'
 
 function AudioWave(props: { stream: MediaStream }) {
   const refWave = useRef<HTMLDivElement>(null)
@@ -59,6 +60,7 @@ export default function Player(props: { stream: MediaStream, muted: boolean, wid
   // https://webkit.org/blog/6784/new-video-policies-for-ios/
   return (
     <center className='flex-col' style={{ width: props.width }}>
+      {!props.stream.getTracks().length ? <SvgProgress/> : null}
       <video
         className='rounded-xl'
         playsInline={true}