# 进入应用时一直停留在启动页

#### 问题现象

进入应用时，一直停留在启动页，无法进入应用。

#### 背景知识

*   Video：用于播放视频文件并控制其播放状态的组件。
*   onFinish：播放结束时触发该事件，支持attributeModifier动态设置属性方法。
*   组件可见区域变化事件：组件可见区域变化事件是组件在屏幕中的显示区域面积变化时触发的事件，提供了判断组件是否完全或部分显示在屏幕中的能力，适用于广告曝光埋点之类的场景。

#### 问题定位

1.  在hilog日志中搜索关键字app cold start，在17:51:34应用冷启动结束，应用发生故障的时间点是17:51:48，需要排查在这段时间之内应用经历的生命周期。
    
    ```
    05-06 17:51:34.771 14900 14958 I C03F00/com.hx.example/ArkCompiler: [gc] SmartGC: app cold start just finished
    ```
    
2.  搜索关键字JsUIAbility call js，应用在17:51:32切换到前台，在17:51:36因为侧滑手势切换到后台，在17:51:49通过热启动切换到前台。
    
    ```
    05-06 17:51:32.867 14900 14900 I C01332/com.hx.example/UIAbility: [js_ui_ability.cpp:1568]JsUIAbility call js, name: onCreate
    05-06 17:51:32.875 14900 14900 I C01332/com.hx.example/UIAbility: [js_ui_ability.cpp:1568]JsUIAbility call js, name: onWindowStageCreate
    05-06 17:51:32.878 14900 14900 I C01332/com.hx.example/UIAbility: [js_ui_ability.cpp:1568]JsUIAbility call js, name: onForeground
    05-06 17:51:36.143 14900 14900 I C01332/com.hx.example/UIAbility: [js_ui_ability.cpp:1568]JsUIAbility call js, name: onBackPressed
    05-06 17:51:36.151 14900 14900 I C01332/com.hx.example/UIAbility: [js_ui_ability.cpp:1568]JsUIAbility call js, name: onBackground
    05-06 17:51:36.881 14900 14900 I C01332/com.hx.example/UIAbility: [js_ui_ability.cpp:1568]JsUIAbility call js, name: onNewWant
    05-06 17:51:36.882 14900 14900 I C01332/com.hx.example/UIAbility: [js_ui_ability.cpp:1568]JsUIAbility call js, name: onForeground
    05-06 17:51:45.977 14900 14900 I C01332/com.hx.example/UIAbility: [js_ui_ability.cpp:1568]JsUIAbility call js, name: onBackground
    05-06 17:51:49.731 14900 14900 I C01332/com.hx.example/UIAbility: [js_ui_ability.cpp:1568]JsUIAbility call js, name: onNewWant
    05-06 17:51:49.738 14900 14900 I C01332/com.hx.example/UIAbility: [js_ui_ability.cpp:1568]JsUIAbility call js, name: onForeground
    ```
    
3.  应用启动页在正常情况下会播放视频，视频播放结束后会跳转到主页，在异常场景下视频未播放完成，对比正常的日志，在视频播放结束后会产生日志video finish。
    
    ```
    07-11 09:32:42.256   64899-64899  com.hx.example  I     video finish., %{public}s
    ```
    
4.  判断应用监听了Video的onFinish事件，在视频播放结束的回调函数中跳转到主页。在首次冷启动情况下，若用户在视频播放完成前通过侧滑操作将应用退至后台，后续热启动时视频将无法继续播放，导致onFinish事件无法被正确触发。

#### 分析结论

启动页视频未播放结束就退出应用到后台，视频暂停，后续热启动视频不会继续播放，无法触发页面跳转逻辑，导致无法进入应用。

#### 修改建议

监听组件可见区域变化事件，在Video组件重新可见时继续播放视频。

```
@Entry
@Component
export struct VideoPage {
  videoSrc: Resource = $rawfile('TestVideo.mp4'); // 替换为启动页视频
  controller : VideoController = new VideoController();

  build() {
    Column() {
      Video({
        src : this.videoSrc,
        controller: this.controller
      })
        .autoPlay(true)
        .loop(false)
        .objectFit(ImageFit.Contain)
        .onFinish(() => {
          // 此处执行页面跳转
        })
        .onVisibleAreaChange([0.0, 1.0], (isExpanding: boolean, currentRatio: number) => {
          // 当Video组件全部可见时，继续播放
          if (isExpanding || currentRatio >= 1.0) {
            console.info('Test Video is fully visible.');
            this.controller.start();
          }
          // 当Video组件不可见时，暂停播放
          if (!isExpanding && currentRatio <= 0.0) {
            console.info('Test Video is completely invisible.');
            this.controller.pause();
          }
        })
    }
    .height('100%')
    .width('100%')
    .justifyContent(FlexAlign.Center)
  }
}
```