#鸿蒙通关秘籍#如何使用视频控制器自定义视频播放控制？

在鸿蒙HarmonyOS中，通过自定义控制器，可以实现更加灵活的视频播放控制。以下代码实现了一个自定义的视频控制器：

@Entry
@Component
struct VideoGuide1 {
  @State videoSrc: Resource = $rawfile('videoTest.mp4');
  @State previewUri: string = 'common/videoIcon.png';
  @State curRate: PlaybackSpeed = PlaybackSpeed.Speed_Forward_1_00_X;
  @State isAutoPlay: boolean = false;
  @State showControls: boolean = true;
  @State currentTime: number = 0;
  @State durationTime: number = 0;
  controller: VideoController = new VideoController();

  build() {
    Row() {
      Column() {
        Video({
          src: this.videoSrc,
          previewUri: this.previewUri,
          currentProgressRate: this.curRate,
          controller: this.controller
        }).controls(false).autoPlay(true)
        .onPrepared((event)=>{
          if(event){
            this.durationTime = event.duration;
          }
        })
        .onUpdate((event)=>{
          if(event){
            this.currentTime = event.time;
          }
        })
        Row() {
          Text(JSON.stringify(this.currentTime) + 's')
          Slider({
            value: this.currentTime,
            min: 0,
            max: this.durationTime
          }).onChange((value: number, mode: SliderChangeMode) => {
              this.controller.setCurrentTime(value);
          }).width("90%")
          Text(JSON.stringify(this.durationTime) + 's')
        }
        .opacity(0.8)
        .width("100%")
      }
      .width('100%')
    }
    .height('40%')
  }
}

通过自定义控制器控制播放、暂停、进度跳转等功能，使得视频播放更具交互性。