avplayer播放视频demo

/** 
 * Creates a videoPlayer object. 
 * 创建一个 videoPlayer 对象。 
 */ 
async createAVPlayer() { 
  //异步方式创建音视频播放实例，通过注册回调函数获取返回值avPlayer 
  let avPlayer: media.AVPlayer = await media.createAVPlayer(); 
  this.avPlayer = avPlayer; 
  //为AVPlayer实例绑定状态机 
  this.bindState(); 
} 
 
/** 
 * AVPlayer binding event. 
 */ 
async bindState() { 
  if (this.avPlayer === null) { 
    return; 
  } 
  this.avPlayer.on(Events.STATE_CHANGE, async (state: media.AVPlayerState) => { 
    let avplayerStatus: string = state; 
    if (this.avPlayer === null) { 
      return; 
    } 
    //当前视频的播放状态avplayerStatus 是 prepared/playing/paused/completed/initialized/idle 
    switch (avplayerStatus) { 
      case AvplayerStatus.IDLE: 
        //重置进度条 
        this.resetProgress(); 
        //媒体URL，只允许在idle状态下设置，静态属性 
        if (this.iUrl) { 
          this.avPlayer.url = this.iUrl; 
        } else { 
          //媒体文件描述，只允许在idle状态下设置，静态属性 
          this.avPlayer.fdSrc = this.url; 
        } 
        break; 
      case AvplayerStatus.INITIALIZED: 
        // surfaceId视频窗口ID，默认无窗口，只允许在initialized状态下设置，静态属性。 
        // 使用场景：视频播放的窗口渲染，纯音频播放不用设置。 
        this.avPlayer.surfaceId = this.surfaceId; 
        this.avPlayer.prepare(); 
        break; 
      case AvplayerStatus.PREPARED: 
        //视频拉伸至与窗口等大 
        this.avPlayer.videoScaleType = 0; 
        //根据视频大小设置播放页面大小 
        this.setVideoSize(); 
        this.avPlayer.play(); 
        //获取视频时长 
        this.duration = this.avPlayer.duration; 
        break; 
      case AvplayerStatus.PLAYING: 
        this.avPlayer.setVolume(this.playerThis.volume); 
        //设置亮度 
        this.setBright(); 
        //设置播放状态，来判断是否屏幕常亮 
        this.status = CommonConstants.STATUS_START; 
        //根据播放状态设置屏幕是否常亮 
        this.watchStatus(); 
        break; 
      case AvplayerStatus.PAUSED: 
        this.status = CommonConstants.STATUS_PAUSE; 
        this.watchStatus(); 
        break; 
      case AvplayerStatus.COMPLETED: 
        this.titleThis.playSpeed = 1; 
        //播放完后视频时长归0 
        this.duration = PlayConstants.PLAYER_DURATION; 
        //loop视频循环播放属性，设置为'true'表示循环播放 
        if (!this.loop) { 
          //连续播放时获取下一个视频 
          let curIndex = this.index + PlayConstants.PLAYER_NEXT; 
          //获取视频集合列表 
          let globalVideoList = GlobalContext.getContext().getObject('globalVideoList') as VideoBean[]; 
          this.index = (curIndex === globalVideoList.length) ? 
          PlayConstants.PLAYER_FIRST : curIndex; 
          if (this.iUrl) { 
            this.iUrl = globalVideoList[this.index].iSrc; 
          } else { 
            this.url = globalVideoList[this.index].src; 
          } 
        } 
        //异步方式重置音视频录制。通过Promise获取返回值。 
        this.avPlayer.reset(); 
        break; 
      case AvplayerStatus.RELEASED: 
        //录制资源释放。此时不能再进行任何操作。在任何其他状态下，均可以通过调用release()方法进入released状态 
        this.avPlayer.release(); 
        this.status = CommonConstants.STATUS_STOP; 
        this.watchStatus(); 
        Logger.info('[PlayVideoModel] state released called') 
        break; 
      default: 
        Logger.info('[PlayVideoModel] unKnown state: ' + state); 
        break; 
    } 
  }); 
  //监听资源播放当前时间，单位为毫秒（ms），用于刷新进度条当前位置，默认间隔1s时间上报，因用户操作(seek)产生的时间变化会立刻上报。 
  this.avPlayer.on(Events.TIME_UPDATE, (time: number) => { 
    //刷新进度条 
    this.initProgress(time); 
  }); 
  this.avPlayer.on(Events.ERROR, () => { 
    this.playError(); 
  }) 
}

Column() { 
  PlayTitle({ playVideoModel: this.playVideoModel }) 
    .width(CommonConstants.FULL_PERCENT) 
    .height(PlayConstants.HEIGHT) 
  Column() 
    .width(CommonConstants.FULL_PERCENT) 
    .height(PlayConstants.COLUMN_HEIGHT_ONE) 
    .gesture( 
      PanGesture(this.panOptionBright) 
        //手势上下滑动亮度改变 
        .onActionStart((event?: GestureEvent) => { 
          this.playVideoModel.onBrightActionStart(event); 
        }) 
        .onActionUpdate((event?: GestureEvent) => { 
          this.playVideoModel.onBrightActionUpdate(event); 
        }) 
        .onActionEnd(() => { 
          this.playVideoModel.onActionEnd(); 
        }) 
    ) 
  Column() { 
  } 
  .width(CommonConstants.FULL_PERCENT) 
  .height(PlayConstants.PLAY_PLAYER_HEIGHT) 
 
  Column() 
    //手势左右滑动音量改变 
    .width(CommonConstants.FULL_PERCENT) 
    .height(PlayConstants.COLUMN_HEIGHT_TWO) 
    .gesture( 
      PanGesture(this.panOptionVolume) 
        .onActionStart((event?: GestureEvent) => { 
          this.playVideoModel.onVolumeActionStart(event); 
        }) 
        .onActionUpdate((event?: GestureEvent) => { 
          this.playVideoModel.onVolumeActionUpdate(event); 
        }) 
        .onActionEnd(() => { 
          this.playVideoModel.onActionEnd(); 
        }) 
    ) 
  PlayControl({ playVideoModel: this.playVideoModel }) 
    .width(CommonConstants.FULL_PERCENT) 
    .height(PlayConstants.HEIGHT) 
  PlayProgress({ playVideoModel: this.playVideoModel }) 
    .width(CommonConstants.FULL_PERCENT) 
    .height(PlayConstants.PLAY_PROGRESS_HEIGHT) 
} 
.height(CommonConstants.FULL_PERCENT) 
.width(CommonConstants.FULL_PERCENT) 
.zIndex(1)