鸿蒙开发系列教程（二十八）--多媒体处理

最新推荐文章于 2024-06-13 21:04:02 发布

huazi99

最新推荐文章于 2024-06-13 21:04:02 发布

阅读量197

点赞数 1

分类专栏：鸿蒙文章标签： harmonyos 华为

本文链接：https://blog.csdn.net/huazi99/article/details/136863891

版权

鸿蒙专栏收录该内容

29 篇文章 1 订阅

订阅专栏

1、本地视频

将mp4视频放到resource/rawfile目录下
参考代码：

@Entry
@Component
struct Test03 {

  build() {
    Column() {
      Video({
        src: $rawfile('v1.mp4')
      })
        .width('100%')
        .aspectRatio(1.4)

    }.height('100%').width('100%')
  }
}

在这里插入图片描述

2、在线视频

Video({
src: ‘https://。。。。。’ 在线视频网址
})
.width(‘100%’)
.aspectRatio(1.4)

3、完整案例

在这里插入图片描述

@Entry
@Component
struct Test03{
  @State
  speed: number = 1

  build() {
    Row() {
      Tabs() {
        TabContent() {
          Column({ space: 20 }) {
            Video({
              currentProgressRate: this.speed,
              src: 'https://.。。。在线视频网址l'
            })
              .width('100%')
              .aspectRatio(1.4)
            Slider({
              value: this.speed,
              min: 0.75,
              step: 0.25,
              max: 2,
              style: SliderStyle.InSet
            })
              .showSteps(true)
              .onChange(value => {
                this.speed = value
              })
            Text(this.speed+"倍速").fontSize(14).textAlign(TextAlign.Center).width('100%')

          }
          .width('100%')
        }.tabBar("在线视频")
        TabContent() {
          Video({
            src: $rawfile('v1.mp4')
          })
            .width('100%')
            .aspectRatio(1.4)
        }
        .tabBar("本地视频")
      }
      .animationDuration(300)

    }
    .height('100%')
  }
}