#盲盒+码#ArkTS-HarmonyOS应用开发video体验分享 原创

@Entry
@Component
struct Index {
  @State videoSrc: Resource = $rawfile('生生世世爱.mkv'); //视频路径
  @State videoPreview: Resource = $r("app.media.ssssa"); //封面展示
  @State currentProgressRate: PlaybackSpeed = PlaybackSpeed.Speed_Forward_1_00_X; //视频播放倍速
  @State isAutoPlay: boolean = false; //是否自动播放
  @State showControls: boolean = true; //显示视频控件
  @State muted:boolean = false;//是否静音
  @State autoPlay:boolean = false;//是否自动播放
  @State loop:boolean = false;//是否循环播放
  @State fullScreen:boolean = false;//是否全屏播放

  videoController: VideoController = new VideoController();//导入对象

  build() {
    Row() {
      Column() {
        Video({
          src: this.videoSrc,
          previewUri: this.videoPreview,
          currentProgressRate: this.currentProgressRate,
          controller: this.videoController
        }).height('60%')
          .autoPlay(this.isAutoPlay)
          .controls(this.showControls)
          .onStart(() => {
            console.info('onStart')
          })
          .onPause(() => {
            console.info('onPause')
          })
          .onFinish(() => {
            console.info('onFinish')
          })
          .onError(() => {
            console.info('播放错误')
          })
          .onPrepared((e) => {
            console.info('onPrepared is ' + e.duration)
          })
          .onSeeking((e) => {
            console.info('onSeeking is ' + e.time)
          })
          .onSeeked((e) => {
            console.info('onSeeked is ' + e.time)
          })
          .onUpdate((e) => {
            console.info('onUpdate is ' + e.time)
          })
          .onFullscreenChange(()=>{
            this.fullScreen = !this.fullScreen
            if(this.fullScreen){
              this.videoController.requestFullscreen(this.fullScreen)
            }else{
              this.videoController.exitFullscreen()
            }
          })

        // todo 切换视频
        Row() {
          Button('切换视频').onClick(() => {
            this.videoSrc = $rawfile('此生不换.mkv') // 切换视频源
          }).margin(5)
          Button('切换海报').onClick(() => {
            this.videoPreview = $r('app.media.csbh') // 切换视频预览海报
          }).margin(5)
          Button('是否显示控件').onClick(() => {
            this.showControls = !this.showControls // 切换是否显示视频控制栏
          }).margin(5)
        }

        // todo 操作视频
        Row() {
          Button('开始').onClick(() => {
            this.videoController.start() // 开始播放
          }).margin(5)
          Button('暂停').onClick(() => {
            this.videoController.pause() // 暂停播放
          }).margin(5)
          Button('结束').onClick(() => {
            this.videoController.stop() // 结束播放
          }).margin(5)
          Button('跳转进度').onClick(() => {
            this.videoController.setCurrentTime(10, SeekMode.Accurate) // 精准跳转到视频的10s位置
          }).margin(5)
        }

        // todo 操作视频倍速
        Row() {
          Button('倍速 x0.75').onClick(() => {
            this.currentProgressRate = PlaybackSpeed.Speed_Forward_0_75_X // 0.75倍速播放
          }).margin(5)
          Button('倍速 x1').onClick(() => {
            this.currentProgressRate = PlaybackSpeed.Speed_Forward_1_00_X // 原倍速播放
          }).margin(5)
          Button('倍速 x2').onClick(() => {
            this.currentProgressRate = PlaybackSpeed.Speed_Forward_2_00_X // 2倍速播放
          }).margin(5)
        }
      }
      .width('100%')
    }
    .height('100%')
  }
}

1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
51.
52.
53.
54.
55.
56.
57.
58.
59.
60.
61.
62.
63.
64.
65.
66.
67.
68.
69.
70.
71.
72.
73.
74.
75.
76.
77.
78.
79.
80.
81.
82.
83.
84.
85.
86.
87.
88.
89.
90.
91.
92.
93.
94.
95.
96.
97.
98.
99.
100.
101.
102.
103.
104.
105.
106.
107.