feat：进入竖屏直播，直播播放不了

@@ -3,7 +3,7 @@
  */
  */
 
 
 export const enum CompStyle {
 export const enum CompStyle {
-  Label_03 = 'Label-03', // 标题卡：icon+文字
+   Label_03 = 'Label-03', // 标题卡：icon+文字
   Carousel_Layout_02 = 'Carousel_Layout-02', // 直播轮播卡：直播
   Carousel_Layout_02 = 'Carousel_Layout-02', // 直播轮播卡：直播
   Single_Row_02 = 'Zh_Single_Row-02', // 通用横划卡：视频、直播、专题
   Single_Row_02 = 'Zh_Single_Row-02', // 通用横划卡：视频、直播、专题
   Single_Row_03 = 'Single_Row-03', // 直播横划卡：直播
   Single_Row_03 = 'Single_Row-03', // 直播横划卡：直播

@@ -546,45 +546,45 @@ export struct TopNavigationComponent {
     return null
     return null
   }
   }
 
 
-  private getTextInfo(index: number): Record<string, number> {
-    let strJson = getInspectorByKey(index.toString())
-    try {
-      let obj: Record<string, string> = JSON.parse(strJson)
-      let rectInfo: number[][] = JSON.parse('[' + obj.$rect + ']')
-      return { 'left': px2vp(rectInfo[0][0]), 'width': px2vp(rectInfo[1][0] - rectInfo[0][0]) }
-    } catch (error) {
-      return { 'left': 0, 'width': 0 }
-    }
-  }
-
-  private getCurrentIndicatorInfo(index: number, event: TabsAnimationEvent): Record<string, number> {
-    let nextIndex = index
-    if (index > 0 && event.currentOffset > 0) {
-      nextIndex--
-    } else if (index < 3 && event.currentOffset < 0) {
-      nextIndex++
-    }
-    let indexInfo = this.getTextInfo(index)
-    let nextIndexInfo = this.getTextInfo(nextIndex)
-    let swipeRatio = Math.abs(event.currentOffset / this.tabsWidth)
-    let currentIndex = swipeRatio > 0.5 ? nextIndex : index // 页面滑动超过一半，tabBar切换到下一页。
-    let currentLeft = indexInfo.left + (nextIndexInfo.left - indexInfo.left) * swipeRatio
-    let currentWidth = indexInfo.width + (nextIndexInfo.width - indexInfo.width) * swipeRatio
-    return { 'index': currentIndex, 'left': currentLeft, 'width': currentWidth }
-  }
-
-  private startAnimateTo(duration: number, leftMargin: number, width: number) {
-    animateTo({
-      duration: duration, // 动画时长
-      curve: Curve.Linear, // 动画曲线
-      iterations: 1, // 播放次数
-      playMode: PlayMode.Normal, // 动画模式
-      onFinish: () => {
-        console.info('play end')
-      }
-    }, () => {
-      this.indicatorLeftMargin = leftMargin
-      this.indicatorWidth = width
-    })
-  }
+  // private getTextInfo(index: number): Record<string, number> {
+  //   let strJson = getInspectorByKey(index.toString())
+  //   try {
+  //     let obj: Record<string, string> = JSON.parse(strJson)
+  //     let rectInfo: number[][] = JSON.parse('[' + obj.$rect + ']')
+  //     return { 'left': px2vp(rectInfo[0][0]), 'width': px2vp(rectInfo[1][0] - rectInfo[0][0]) }
+  //   } catch (error) {
+  //     return { 'left': 0, 'width': 0 }
+  //   }
+  // }
+  //
+  // private getCurrentIndicatorInfo(index: number, event: TabsAnimationEvent): Record<string, number> {
+  //   let nextIndex = index
+  //   if (index > 0 && event.currentOffset > 0) {
+  //     nextIndex--
+  //   } else if (index < 3 && event.currentOffset < 0) {
+  //     nextIndex++
+  //   }
+  //   let indexInfo = this.getTextInfo(index)
+  //   let nextIndexInfo = this.getTextInfo(nextIndex)
+  //   let swipeRatio = Math.abs(event.currentOffset / this.tabsWidth)
+  //   let currentIndex = swipeRatio > 0.5 ? nextIndex : index // 页面滑动超过一半，tabBar切换到下一页。
+  //   let currentLeft = indexInfo.left + (nextIndexInfo.left - indexInfo.left) * swipeRatio
+  //   let currentWidth = indexInfo.width + (nextIndexInfo.width - indexInfo.width) * swipeRatio
+  //   return { 'index': currentIndex, 'left': currentLeft, 'width': currentWidth }
+  // }
+
+  // private startAnimateTo(duration: number, leftMargin: number, width: number) {
+  //   animateTo({
+  //     duration: duration, // 动画时长
+  //     curve: Curve.Linear, // 动画曲线
+  //     iterations: 1, // 播放次数
+  //     playMode: PlayMode.Normal, // 动画模式
+  //     onFinish: () => {
+  //       console.info('play end')
+  //     }
+  //   }, () => {
+  //     this.indicatorLeftMargin = leftMargin
+  //     this.indicatorWidth = width
+  //   })
+  // }
 }
 }

@@ -83,23 +83,30 @@ export struct DetailPlayLiveCommon {
    * 获取直播信息，可区分横竖屏直播
    * 获取直播信息，可区分横竖屏直播
    */
    */
   getLiveDetails() {
   getLiveDetails() {
+
+
     this.liveViewModel.getLiveDetails(this.contentId, this.relId, this.relType)
     this.liveViewModel.getLiveDetails(this.contentId, this.relId, this.relType)
       .then(
       .then(
         (data) => {
         (data) => {
           if (data.length > 0) {
           if (data.length > 0) {
-            this.liveDetailsBean = data[0]
-            this.liveState = this.liveDetailsBean.liveInfo?.liveState
-            this.liveStyle = this.liveDetailsBean.liveInfo.liveStyle
 
 
-            if (this.liveDetailsBean.fullColumnImgUrls && this.liveDetailsBean.fullColumnImgUrls.length > 0) {
-              this.imgUrl = this.liveDetailsBean.fullColumnImgUrls[0].url
+            //todo  不加setTimeOut ，接口返回的数据 就没法让PlayerComponent #@Consume @Watch('updateData') liveDetailsBean 的updateData方法运行
+            setTimeout(() => {
+              this.liveDetailsBean = data[0]
+            }, 10)
+
+            this.liveState = data[0].liveInfo?.liveState
+            this.liveStyle = data[0].liveInfo.liveStyle
+
+            if (data[0].fullColumnImgUrls && data[0].fullColumnImgUrls.length > 0) {
+              this.imgUrl = data[0].fullColumnImgUrls[0].url
             }
             }
 
 
-            if (this.liveDetailsBean.liveInfo.liveState == 'end') {
-              this.playUrl = this.liveDetailsBean.liveInfo.vlive[0].replayUri
+            if (data[0].liveInfo.liveState == 'end') {
+              this.playUrl = data[0].liveInfo.vlive[0].replayUri
             }
             }
 
 
-            console.log(TAG, 'getLiveDetails:', JSON.stringify((this.liveDetailsBean)))
+           // console.log(TAG, 'getLiveDetails:', JSON.stringify((this.liveDetailsBean)))
           }
           }
         },
         },
         () => {
         () => {

@@ -36,6 +36,7 @@ export struct DetailPlayVLivePage {
   aboutToAppear(): void {
   aboutToAppear(): void {
     this.openFullScreen()
     this.openFullScreen()
     this.getLiveRoomData()
     this.getLiveRoomData()
+
   }
   }
 
 
   aboutToDisappear(): void {
   aboutToDisappear(): void {

@@ -21,6 +21,7 @@ export struct PlayerComponent {
   @State playUrl: string = ''
   @State playUrl: string = ''
   @State isCanplay: boolean = false
   @State isCanplay: boolean = false
 
 
+
   pageShowChange() {
   pageShowChange() {
     this.playerController?.play()
     this.playerController?.play()
   }
   }
@@ -30,15 +31,10 @@ export struct PlayerComponent {
   }
   }
 
 
   aboutToAppear(): void {
   aboutToAppear(): void {
-    console.log(TAG, 'aboutToAppear')
-    this.playerController.onCanplay = () => {
-      console.log('可以播放了')
-      this.playerController?.play()
-      this.isCanplay = true
-    }
   }
   }
 
 
   async aboutToDisappear(): Promise<void> {
   async aboutToDisappear(): Promise<void> {
+
     await this.playerController?.pause()
     await this.playerController?.pause()
     await this.playerController?.stop()
     await this.playerController?.stop()
     await this.playerController?.release()
     await this.playerController?.release()
@@ -63,7 +59,6 @@ export struct PlayerComponent {
 
 
       this.liveStreamType = liveStreamType
       this.liveStreamType = liveStreamType
       this.playUrl = playUrl
       this.playUrl = playUrl
-
     }
     }
   }
   }
 
 
@@ -75,6 +70,7 @@ export struct PlayerComponent {
           WDPlayerRenderVLiveView({
           WDPlayerRenderVLiveView({
             playerController: this.playerController,
             playerController: this.playerController,
             onLoad: () => {
             onLoad: () => {
+              this.isCanplay = true
               this.playerController?.firstPlay(this.playUrl);
               this.playerController?.firstPlay(this.playUrl);
             }
             }
           })
           })
@@ -82,12 +78,14 @@ export struct PlayerComponent {
           AliPlayerRenderView({
           AliPlayerRenderView({
             playerController: this.playerController,
             playerController: this.playerController,
             onLoad: () => {
             onLoad: () => {
+              this.isCanplay = true
               this.playerController?.firstPlay(this.playUrl);
               this.playerController?.firstPlay(this.playUrl);
             }
             }
           }).margin({ top: 195 }).height(211)
           }).margin({ top: 195 }).height(211)
         }
         }
 
 
         PictureLoading().visibility(this.isCanplay ? Visibility.None : Visibility.Visible)
         PictureLoading().visibility(this.isCanplay ? Visibility.None : Visibility.Visible)
+
       }
       }
       .height('100%')
       .height('100%')
       .width('100%')
       .width('100%')
@@ -98,8 +96,11 @@ export struct PlayerComponent {
           this.isShowControl = !this.isShowControl
           this.isShowControl = !this.isShowControl
         }
         }
       })
       })
+
     }
     }
     .height('100%')
     .height('100%')
     .width('100%')
     .width('100%')
   }
   }
+
+
 }
 }

@@ -137,7 +137,6 @@ export class WDAliPlayerController {
       onStateChanged: (status: number) => {
       onStateChanged: (status: number) => {
         this.avPlayerStatus = status
         this.avPlayerStatus = status
         Logger.debug(TAG, "status update:" + `${this.getStatusStringWith(status)}`)
         Logger.debug(TAG, "status update:" + `${this.getStatusStringWith(status)}`)
-
         switch (status) {
         switch (status) {
           case initalized: {
           case initalized: {
             //this.avPlayer?.prepare();
             //this.avPlayer?.prepare();