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

HarmonyOS
2024-12-04 15:50:13
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
Hos编程高手

在鸿蒙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%')
  }
}

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

分享
微博
QQ
微信
回复
2024-12-04 17:06:49
相关问题
HarmonyOS 自定义视频控制器
106浏览 • 1回复 待解决
HarmonyOS video空间自定义控制器
417浏览 • 1回复 待解决
什么是控制器controller
1028浏览 • 1回复 待解决
HarmonyOS List控制器Scroller相关
245浏览 • 1回复 待解决