鸿蒙HarmonyOS实战—如何使用Video组件播放视频

1.视频播放

鸿蒙系统中，关于视频播放，可以使用上层视频组件Video。

参数如下

• src

  • 支持file:///data/storage路径前缀的字符串，用于读取应用沙箱路径内的资源。需要保证目录包路径下的文件有可读权限。 说明：视频支持的格式是：mp4、mkv、webm、TS。

  • 视频播放源的路径，支持本地视频路径和网络路径。 支持在resources下面的video或rawfile文件夹里放置媒体资源。 支持dataability://的路径前缀，用于访问通过Data Ability提供的视频路径，具体路径信息详见 DataAbility说明。

• currentProgressRate

  • 视频播放倍速。 说明： number取值仅支持：0.75，1.0，1.25，1.75，2.0。 默认值：1.0 | PlaybackSpeed.Speed_Forward_1_00_X

• previewUri

  • 视频未播放时的预览图片路径，默认不显示图片。

• controller

  • 设置视频控制器，可以控制视频的播放状态。

2.视频资源

• 本地视频资源

  • 存放在resources/rawfile目录下，例如：本文使用test.mp4文件，那本地视频文件路径可指定为localVideo: Resource = $rawfile('test.mp4')

• 网络视频资源

  • 提供url视频文件地址即可，本文不提供，读者自行选择即可

3.示例代码

import router from '@ohos.router';

@Entry
@Component
struct VideoPage {
    TAG = 'VideoPage'
    localVideoController: VideoController = new VideoController()
    netVideoController: VideoController = new VideoController()
    localVideo: Resource = $rawfile('test.mp4')
    videoUrl = 'https://cmsvideo4.pg0.cn/group4/M00/13/0B/CgoN4mDdkX6AUcEYAESOlJKkmcM401.mp4'
    @State currentTime: number = 0;
    @State durationTime: number = 0;

    @Builder
    navigationTitle() {
        Column() {
            Text('视频播放')
                .fontColor('#182431')
                .fontSize(30)