视频加载中动效

@@ -11,7 +11,9 @@ export struct PlayerProgressView {
   @Consume isDragging: boolean
   @Consume isDragging: boolean
   @Consume status: number
   @Consume status: number
   @State videoDuration: number = this.contentDetailData?.videoInfo?.[0]?.videoDuration || 1
   @State videoDuration: number = this.contentDetailData?.videoInfo?.[0]?.videoDuration || 1
-
+  @State loadingTop: number = 10
+  @State loadingWidth: number | string = 1
+  @State showLoading: boolean = false
   aboutToAppear() {
   aboutToAppear() {
     if (this.playerController) {
     if (this.playerController) {
       this.playerController.onStatusChange = (status: number) => {
       this.playerController.onStatusChange = (status: number) => {
@@ -20,10 +22,48 @@ export struct PlayerProgressView {
       this.playerController.onSeekDone = (status: number) => {
       this.playerController.onSeekDone = (status: number) => {
         this.playerController?.play()
         this.playerController?.play()
       }
       }
+
+      this.playerController.onLoaded = (loaded: number) => {
+        if(loaded == 1) {
+          this.loadingWidth = '95%'
+          this.showLoading = true
+        } else {
+          this.loadingWidth = 1
+          this.showLoading = false
+        }
       }
       }
     }
     }
+  }
+
+  /**
+   *
+   * loading 动效
+   */
+  @Builder
+  playerLoadingBuilder() {
+
+    Flex({
+      direction: FlexDirection.Row,
+      justifyContent: FlexAlign.Center,
+      alignItems: ItemAlign.End
+    }) {
+      Text('')
+        .backgroundColor(Color.Gray)
+        .width(this.loadingWidth)
+        .height(1)
+        .animation({ duration: 500, curve: Curve.Ease, iterations: -1, playMode: PlayMode.Normal })
+    }
+    .width('100%')
+    .zIndex(2000)
+    .visibility(this.showLoading ? Visibility.Visible: Visibility.Hidden)
+    .margin({ bottom: 10 })
+    // .markAnchor({ x: 0, y: '100%' })
+  }
 
 
   build() {
   build() {
+    Stack() {
+      this.playerLoadingBuilder()
+      if(!this.showLoading) {
         Column() {
         Column() {
           Text() {
           Text() {
             Span(DateTimeUtils.secondToTime(Math.floor(this.progressVal / 100 * this.videoDuration)))
             Span(DateTimeUtils.secondToTime(Math.floor(this.progressVal / 100 * this.videoDuration)))
@@ -71,4 +111,6 @@ export struct PlayerProgressView {
         }
         }
         .visibility(this.isOpenDetail ? Visibility.None : Visibility.Visible)
         .visibility(this.isOpenDetail ? Visibility.None : Visibility.Visible)
       }
       }
+    }
+  }
 }
 }

@@ -27,6 +27,7 @@ export class WDPlayerController {
   private prepareTime:number = 0; //加载时间
   private prepareTime:number = 0; //加载时间
   private currentPlayTime:number = 0; //当前播放时间
   private currentPlayTime:number = 0; //当前播放时间
   public onVideoSizeChange?: (width: number, height: number) => void;
   public onVideoSizeChange?: (width: number, height: number) => void;
+  public onLoaded?: (loaded: number) => void;
   public onTimeUpdate?: (position: number, duration: number) => void;
   public onTimeUpdate?: (position: number, duration: number) => void;
   public onVolumeUpdate?: (volume: number) => void;
   public onVolumeUpdate?: (volume: number) => void;
   public continue?: () => void;
   public continue?: () => void;
@@ -86,6 +87,9 @@ export class WDPlayerController {
           if (this.surfaceId) {
           if (this.surfaceId) {
             this.avPlayer.surfaceId = this.surfaceId;
             this.avPlayer.surfaceId = this.surfaceId;
           }
           }
+          if(this.onLoaded) {
+            this.onLoaded(1)
+          }
 
 
           this.avPlayer?.prepare();
           this.avPlayer?.prepare();
           break;
           break;
@@ -101,6 +105,9 @@ export class WDPlayerController {
           }
           }
           break;
           break;
         case AVPlayerStatus.PLAYING:
         case AVPlayerStatus.PLAYING:
+          if(this.onLoaded) {
+            this.onLoaded(2)
+          }
           this.setBright();
           this.setBright();
           this.status = PlayerConstants.STATUS_START;
           this.status = PlayerConstants.STATUS_START;
           this.avPlayer!.videoScaleType = media.VideoScaleType.VIDEO_SCALE_TYPE_FIT
           this.avPlayer!.videoScaleType = media.VideoScaleType.VIDEO_SCALE_TYPE_FIT