feat:直播详情页面，播放器埋点事件

@@ -4,9 +4,10 @@ import router from '@ohos.router';
 
 
 import { DetailPlayLivePage } from './DetailPlayLivePage';
 import { DetailPlayLivePage } from './DetailPlayLivePage';
 import { DetailPlayVLivePage } from './DetailPlayVLivePage';
 import { DetailPlayVLivePage } from './DetailPlayVLivePage';
-import { Logger, ToastUtils } from 'wdKit/Index';
+import { DateTimeUtils, Logger, ToastUtils } from 'wdKit/Index';
 import { publishCommentModel } from 'wdComponent/src/main/ets/components/comment/model/PublishCommentModel';
 import { publishCommentModel } from 'wdComponent/src/main/ets/components/comment/model/PublishCommentModel';
 import { PictureLoading } from '../widgets/vertical/PictureLoading';
 import { PictureLoading } from '../widgets/vertical/PictureLoading';
+import { TrackConstants, TrackingButton, TrackingPageBrowse } from 'wdTracking/Index';
 
 
 const TAG = 'DetailPlayLiveCommon'
 const TAG = 'DetailPlayLiveCommon'
 
 
@@ -22,6 +23,7 @@ const TAG = 'DetailPlayLiveCommon'
 @Component
 @Component
 export struct DetailPlayLiveCommon {
 export struct DetailPlayLiveCommon {
   private liveViewModel: LiveViewModel = new LiveViewModel()
   private liveViewModel: LiveViewModel = new LiveViewModel()
+  pageShowTime:number = 0;
   @Provide relId: string = ''
   @Provide relId: string = ''
   @Provide contentId: string = ''
   @Provide contentId: string = ''
   @Provide relType: string = ''
   @Provide relType: string = ''
@@ -49,6 +51,12 @@ export struct DetailPlayLiveCommon {
 
 
   }
   }
 
 
+  aboutToDisappear(): void {
+    console.error("XXXXZZZZ", '---aboutToDisappear------------')
+
+  }
+
+
   build() {
   build() {
     Column() {
     Column() {
       // 直播预约或横屏直播统一进横屏直播
       // 直播预约或横屏直播统一进横屏直播
@@ -120,7 +128,6 @@ export struct DetailPlayLiveCommon {
             this.playUrl = detailData.liveInfo.vlive[0].replayUri
             this.playUrl = detailData.liveInfo.vlive[0].replayUri
           }
           }
 
 
-
         } else {
         } else {
           this.isLoading
           this.isLoading
           ToastUtils.shortToast('内容不存在')
           ToastUtils.shortToast('内容不存在')
@@ -139,11 +146,17 @@ export struct DetailPlayLiveCommon {
   onPageShow() {
   onPageShow() {
     this.pageShow = Math.random()
     this.pageShow = Math.random()
     Logger.info(TAG, 'onPageShow')
     Logger.info(TAG, 'onPageShow')
+    this.pageShowTime = DateTimeUtils.getTimeStamp()
   }
   }
 
 
   onPageHide() {
   onPageHide() {
     this.pageHide = Math.random()
     this.pageHide = Math.random()
     Logger.info(TAG, 'onPageHide')
     Logger.info(TAG, 'onPageHide')
+    console.error("XXXXZZZZ", '---onPageHide------------')
+    //页面浏览
+    TrackingPageBrowse.trackCommonPageExposureEnd(TrackConstants.PageName.Live_Detail,TrackConstants.PageName.Live_Detail
+      ,Math.floor((DateTimeUtils.getTimeStamp() - this.pageShowTime)/1000))
+
   }
   }
 
 
   onBackPress(): boolean | void {
   onBackPress(): boolean | void {

@@ -3,6 +3,7 @@ import { Logger, StringUtils } from 'wdKit/Index';
 import { PlayerConstants, WDAliPlayerController, WDPlayerRenderLiveView } from 'wdPlayer/Index';
 import { PlayerConstants, WDAliPlayerController, WDPlayerRenderLiveView } from 'wdPlayer/Index';
 import { PlayUIComponent } from './PlayUIComponent';
 import { PlayUIComponent } from './PlayUIComponent';
 import { PictureLoading } from '../../vertical/PictureLoading';
 import { PictureLoading } from '../../vertical/PictureLoading';
+import { ParamType, TrackConstants } from 'wdTracking/Index';
 
 
 const TAG: string = 'TopPlayComponent'
 const TAG: string = 'TopPlayComponent'
 
 
@@ -31,11 +32,11 @@ export struct TopPlayComponent {
   @Provide playSourceState: number = 0
   @Provide playSourceState: number = 0
   private playUrl: string = ""
   private playUrl: string = ""
   private xComponentIsLoaded: boolean = false
   private xComponentIsLoaded: boolean = false
+  pageParam: ParamType = {}
 
 
   aboutToAppear(): void {
   aboutToAppear(): void {
     if (this.playerController) {
     if (this.playerController) {
       this.playerController.onCanplay = () => {
       this.playerController.onCanplay = () => {
-        Logger.debug(TAG, 'onCanplay==>')
         this.isCanPlay = true
         this.isCanPlay = true
         this.isLoading = true
         this.isLoading = true
         this.playerController?.play()
         this.playerController?.play()
@@ -98,7 +99,7 @@ export struct TopPlayComponent {
     this.isEnd = this.contentDetailData?.liveInfo?.liveState === 'end' &&
     this.isEnd = this.contentDetailData?.liveInfo?.liveState === 'end' &&
     StringUtils.isEmpty(this.contentDetailData?.liveInfo?.vlive[0]?.replayUri)
     StringUtils.isEmpty(this.contentDetailData?.liveInfo?.vlive[0]?.replayUri)
 
 
-   // Logger.debug(TAG, `---0------>` + this.isWait + '   ->' + this.isLoading + '   ->' + this.isEnd)
+    // Logger.debug(TAG, `---0------>` + this.isWait + '   ->' + this.isLoading + '   ->' + this.isEnd)
     if (!this.isWait) {
     if (!this.isWait) {
       if (this.contentDetailData.liveInfo && this.contentDetailData.liveInfo.vlive.length > 0) {
       if (this.contentDetailData.liveInfo && this.contentDetailData.liveInfo.vlive.length > 0) {
         let playUrl = ''
         let playUrl = ''
@@ -147,7 +148,16 @@ export struct TopPlayComponent {
       Logger.debug(TAG, "播放地址为空")
       Logger.debug(TAG, "播放地址为空")
       return
       return
     }
     }
-    this.playerController?.firstPlay(this.playUrl);
+    this.contentTrackingDict()
+    this.playerController?.firstPlay(this.playUrl, TrackConstants.PageName.Live_Detail, this.pageParam);
+  }
+
+  contentTrackingDict() {
+    this.pageParam = {
+      'contentType': `${this.contentDetailData.newsType}`,
+      'contentId': `${this.contentDetailData.newsId}`,
+      'contentName': `${this.contentDetailData.newsTitle || ''}`,
+    }
   }
   }
 
 
   build() {
   build() {

 import { ContentDetailDTO } from 'wdBean/Index';
 import { ContentDetailDTO } from 'wdBean/Index';
 import { AliPlayerRenderView, WDAliPlayerController, WDPlayerRenderVLiveView } from 'wdPlayer/Index';
 import { AliPlayerRenderView, WDAliPlayerController, WDPlayerRenderVLiveView } from 'wdPlayer/Index';
+import { ParamType, TrackConstants } from 'wdTracking/Index';
 import { PictureLoading } from './PictureLoading';
 import { PictureLoading } from './PictureLoading';
 
 
 const TAG = 'PlayerComponent'
 const TAG = 'PlayerComponent'
 
 
 @Component
 @Component
 export struct PlayerComponent {
 export struct PlayerComponent {
-
   private playerController?: WDAliPlayerController
   private playerController?: WDAliPlayerController
   @Consume @Watch('updateData') contentDetailData: ContentDetailDTO
   @Consume @Watch('updateData') contentDetailData: ContentDetailDTO
   @Consume @Watch('pageShowChange') pageShow: number
   @Consume @Watch('pageShowChange') pageShow: number
@@ -21,6 +21,7 @@ export struct PlayerComponent {
   @State liveStreamType: number | null = -1
   @State liveStreamType: number | null = -1
   @State playUrl: string = ''
   @State playUrl: string = ''
   @State isCanplay: boolean = false
   @State isCanplay: boolean = false
+  pageParam: ParamType = {}
 
 
   pageShowChange() {
   pageShowChange() {
     this.playerController?.play()
     this.playerController?.play()
@@ -76,7 +77,8 @@ export struct PlayerComponent {
             playerController: this.playerController,
             playerController: this.playerController,
             onLoad: () => {
             onLoad: () => {
               this.isCanplay = true
               this.isCanplay = true
-              this.playerController?.firstPlay(this.playUrl);
+              this.contentTrackingDict()
+              this.playerController?.firstPlay(this.playUrl, TrackConstants.PageName.Live_Detail, this.pageParam);
             }
             }
           })
           })
         } else if (this.liveStreamType == 0) {
         } else if (this.liveStreamType == 0) {
@@ -84,7 +86,8 @@ export struct PlayerComponent {
             playerController: this.playerController,
             playerController: this.playerController,
             onLoad: () => {
             onLoad: () => {
               this.isCanplay = true
               this.isCanplay = true
-              this.playerController?.firstPlay(this.playUrl);
+              this.contentTrackingDict()
+              this.playerController?.firstPlay(this.playUrl, TrackConstants.PageName.Live_Detail, this.pageParam);
             }
             }
           }).margin({ top: 195 }).height(211)
           }).margin({ top: 195 }).height(211)
         }
         }
@@ -106,4 +109,12 @@ export struct PlayerComponent {
     .height('100%')
     .height('100%')
     .width('100%')
     .width('100%')
   }
   }
+
+  contentTrackingDict() {
+    this.pageParam = {
+      'contentType': `${this.contentDetailData.newsType}`,
+      'contentId': `${this.contentDetailData.newsId}`,
+      'contentName': `${this.contentDetailData.newsTitle || ''}`,
+    }
+  }
 }
 }

-import { WDAliPlayerController, WDPlayerController } from 'wdPlayer/Index'
+import { WDAliPlayerController } from 'wdPlayer/Index'
 import { PlayerUIComponent } from './PlayerUIComponent'
 import { PlayerUIComponent } from './PlayerUIComponent'
 
 
 @Component
 @Component

@@ -13,7 +13,8 @@ import {
 import { initGlobalPlayerSettings, setupPlayerConfig } from '../utils/GlobalSetting';
 import { initGlobalPlayerSettings, setupPlayerConfig } from '../utils/GlobalSetting';
 import prompt from '@ohos.promptAction';
 import prompt from '@ohos.promptAction';
 import { PlayerConstants, AVPlayerStatus, Events } from '../constants/PlayerConstants';
 import { PlayerConstants, AVPlayerStatus, Events } from '../constants/PlayerConstants';
-import { Logger, StringUtils } from 'wdKit/Index';
+import { DateTimeUtils, Logger, StringUtils } from 'wdKit/Index';
+import { ParamType, TrackingPlay } from 'wdTracking/Index';
 
 
 const TAG = "WDAliPlayerController"
 const TAG = "WDAliPlayerController"
 
 
@@ -50,6 +51,11 @@ export class WDAliPlayerController {
   public onCanplay?: () => void;
   public onCanplay?: () => void;
   public onStatusChange?: (status: number) => void;
   public onStatusChange?: (status: number) => void;
   public onFirstFrameDisplay?: () => void
   public onFirstFrameDisplay?: () => void
+  // 埋点字段
+  private creatStartTime: number = 0; //开始加载时间
+  private creatEndTime: number = 0; //加载完成时间
+  private pageParam: ParamType = {}
+  private pageName: string = ''
 
 
   constructor() {
   constructor() {
     Logger.info(TAG, "初始化")
     Logger.info(TAG, "初始化")
@@ -102,11 +108,29 @@ export class WDAliPlayerController {
         if (this.onFirstFrameDisplay) {
         if (this.onFirstFrameDisplay) {
           this.onFirstFrameDisplay()
           this.onFirstFrameDisplay()
         }
         }
+
+
+        if (this.pageParam) {
+          console.log('播放视频pageParam', JSON.stringify(this.pageParam))
+          // 播放埋点
+          TrackingPlay.videoPositivePlay(Math.floor((DateTimeUtils.getTimeStamp() - this.creatStartTime) / 1000),
+            this.pageName, this.pageName, this.pageParam)
+        }
+
       }
       }
     });
     });
     this.avPlayer?.setOnCompletionListener({
     this.avPlayer?.setOnCompletionListener({
       onCompletion: () => {
       onCompletion: () => {
         Logger.debug(TAG, "播放完成")
         Logger.debug(TAG, "播放完成")
+
+        if (this.pageParam) {
+          let initDuration = Math.floor(Number(this.duration) / 1000)
+          let currentPlayTime: number = Math.floor((DateTimeUtils.getTimeStamp() - this.creatStartTime) / 1000) //当前播放时间
+          console.log('播放结束')
+          // 播放结束埋点
+          TrackingPlay.videoPlayEnd(currentPlayTime, initDuration, currentPlayTime, this.pageName, this.pageName,
+            this.pageParam)
+        }
       }
       }
     });
     });
     this.avPlayer?.setOnInfoListener({
     this.avPlayer?.setOnInfoListener({
@@ -197,6 +221,9 @@ export class WDAliPlayerController {
         this.errorMesage = errorInfo.getMsg()
         this.errorMesage = errorInfo.getMsg()
         this.status = PlayerConstants.STATUS_ERROR;
         this.status = PlayerConstants.STATUS_ERROR;
         this.watchStatus();
         this.watchStatus();
+
+        console.log('播放错误',JSON.stringify(error))
+        TrackingPlay.videoPlayError(errorInfo.getMsg(), this.pageName, this.pageName, this.pageParam)
       }
       }
     });
     });
     this.avPlayer?.setOnLoadingStatusListener({
     this.avPlayer?.setOnLoadingStatusListener({
@@ -265,12 +292,20 @@ export class WDAliPlayerController {
     }
     }
   }
   }
 
 
-  async firstPlay(url: string) {
+  async firstPlay(url: string, pageName?: string, pageParam?: ParamType) {
     if (StringUtils.isEmpty(url)) {
     if (StringUtils.isEmpty(url)) {
       Logger.error(TAG, "播放链接为空")
       Logger.error(TAG, "播放链接为空")
       return
       return
     }
     }
 
 
+    this.creatStartTime = DateTimeUtils.getTimeStamp()
+    if (pageName) {
+      this.pageName = pageName
+    }
+    if (pageParam) {
+      this.pageParam = pageParam
+    }
+
     this.url = url;
     this.url = url;
     if (this.avPlayer == null) {
     if (this.avPlayer == null) {
       Logger.info(TAG, "等待播放器初始化")
       Logger.info(TAG, "等待播放器初始化")
@@ -457,11 +492,7 @@ export class WDAliPlayerController {
     if (this.onStatusChange) {
     if (this.onStatusChange) {
       this.onStatusChange(this.status)
       this.onStatusChange(this.status)
     }
     }
-    // if (this.status === PlayConstants.STATUS_START) {
-    //   globalThis.windowClass.setWindowKeepScreenOn(true);
-    // } else {
-    //   globalThis.windowClass.setWindowKeepScreenOn(false);
-    // }
+
   }
   }
 
 
   playError(msg?: string) {
   playError(msg?: string) {