Merge remote-tracking branch 'origin/main'

@@ -68,7 +68,9 @@ export struct DetailPlayShortVideoPage {
       this.queryNewsInfoOfUser()
       this.queryNewsInfoOfUser()
       if (this.switchVideoStatus && this.isPlay && this.onlyWifiLoadVideo) {
       if (this.switchVideoStatus && this.isPlay && this.onlyWifiLoadVideo) {
         await this.playerController.play()
         await this.playerController.play()
+        await this.playerController.startRenderFrame(() => {
           this.imageVisible = false
           this.imageVisible = false
+        })
       }
       }
     }
     }
   }
   }
@@ -81,7 +83,9 @@ export struct DetailPlayShortVideoPage {
     if (this.currentIndex === this.index) {
     if (this.currentIndex === this.index) {
       if (this.switchVideoStatus && this.isPlay && this.onlyWifiLoadVideo) {
       if (this.switchVideoStatus && this.isPlay && this.onlyWifiLoadVideo) {
         await this.playerController.play()
         await this.playerController.play()
+        await this.playerController.startRenderFrame(() => {
           this.imageVisible = false
           this.imageVisible = false
+        })
       } else {
       } else {
         this.playerController.pause()
         this.playerController.pause()
       }
       }
@@ -106,14 +110,18 @@ export struct DetailPlayShortVideoPage {
         this.playerController.onCanplay = async () => {
         this.playerController.onCanplay = async () => {
           this.ratio = this.playerController.videoWidth / this.playerController.videoHeight
           this.ratio = this.playerController.videoWidth / this.playerController.videoHeight
           await this.playerController.play()
           await this.playerController.play()
+          await this.playerController.startRenderFrame(() => {
             this.imageVisible = false
             this.imageVisible = false
+          })
         }
         }
       } else {
       } else {
         if (!this.onlyWifiLoadVideo) {
         if (!this.onlyWifiLoadVideo) {
           await this.playerController.pause()
           await this.playerController.pause()
         } else {
         } else {
           await this.playerController.play()
           await this.playerController.play()
+          await this.playerController.startRenderFrame(() => {
             this.imageVisible = false
             this.imageVisible = false
+          })
         }
         }
       }
       }
     }
     }
@@ -186,7 +194,9 @@ export struct DetailPlayShortVideoPage {
           await this.playerController.pause()
           await this.playerController.pause()
         } else {
         } else {
           await this.playerController.play()
           await this.playerController.play()
+          await this.playerController.startRenderFrame(() => {
             this.imageVisible = false
             this.imageVisible = false
+          })
         }
         }
       }
       }
     }
     }
@@ -363,8 +373,10 @@ export struct DetailPlayShortVideoPage {
           this.onlyWifiLoadVideo = true
           this.onlyWifiLoadVideo = true
           this.toastTextVisible = false
           this.toastTextVisible = false
           this.playerController?.play()
           this.playerController?.play()
+          this.playerController.startRenderFrame(() => {
             this.imageVisible = false
             this.imageVisible = false
           })
           })
+        })
       }
       }
       .width('100%')
       .width('100%')
       .height(64)
       .height(64)

@@ -250,6 +250,13 @@ export class WDPlayerController {
     this.avPlayer?.play();
     this.avPlayer?.play();
   }
   }
 
 
+  async startRenderFrame(cb: Function) {
+    this.avPlayer?.on('startRenderFrame', () => {
+      cb && cb();
+      console.info('startRenderFrame success')
+    })
+  }
+
   async stop() {
   async stop() {
     // if (this.avPlayer == null) {
     // if (this.avPlayer == null) {
     //   await this.initPromise;
     //   await this.initPromise;