在DAYU200上实现OpenHarmony视频播放器

最新推荐文章于 2025-03-02 09:00:00 发布

原创

最新推荐文章于 2025-03-02 09:00:00 发布 · 682 阅读

31 ·

CC 4.0 BY-SA版权

文章标签：

#音视频 #服务器 #网络 #OpenHarmony #分布式 #鸿蒙开发 #鸿蒙系统

内容简介

本文介绍了如何使用ArkUI框架提供的video组件，实现一个具有简易播放器。通过VideoController控制器来控制倍速、全屏、进度调节等功能。

由于使用本地视频文件会影响App的包大小，所以通常我们的视频文件来源于网络地址，记得需要在config或者module.json对应的"abilities"中添加网络使用权限ohos.permission.INTERNET。

效果展示

添加权限（网络地址需要）

"abilities":[ 
  {
    "permissions": ["ohos.permission.INTERNET"],
  } 
]

使用一个VideoController对象可以控制一个或多个video。

//一个VideoController对象可以控制一个或多个video。 
controller: VideoController = new VideoController();

接口

declare interface VideoOptions {
  src?: string | Resource;
  currentProgressRate?: number | string | PlaybackSpeed;
  previewUri?: string | PixelMap | Resource;
  controller?: VideoController;
}

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

currentProgressRate:number视频播放倍速，支持0.75、1.0、1.25、1.75、2.0。

previewUri:string预览图片的路径，可以作为视频未播放时的封面。

controller:VideoController控制器。一个VideoController对象可以控制一个或多个video。如果需要通过代码控制视频的播放、暂停等，可以给Video组件设置这个参数，然后通过控制器的如下接口控制视频播放状态：

PlaybackSpeed类型接口说明

declare interface VideoOptions {
  src?: string | Resource;
  currentProgressRate?: number | string | PlaybackSpeed;
  previewUri?: string | PixelMap | Resource;
  controller?: VideoController;
}

VideoController

一个VideoController对象可以控制一个或多个video。