# 简易视频播放器(ArkTS)
### 简介
基于ArkUI框架,实现一个简单视频播放器,可支持海报轮播、视频播放等功能。
![](screenshots/video.gif)
### 相关概念
- [Swiper](https://developer.harmonyos.com/cn/docs/documentation/doc-references-V3/ts-container-swiper-0000001427744844-V3?catalogVersion=V3&ha_linker=eyJ0cyI6MTY5Mjg1NzEzMDk3MiwiaWQiOiJhMDEwYWRjNDg3N2ZhMWYwMzc0ZTYzNTdlMjk3ZDkzZCJ9)组件:滑块视图容器,提供子组件滑动轮播显示的能力。
- [List](https://developer.harmonyos.com/cn/docs/documentation/doc-references-V3/ts-container-list-0000001477981213-V3?catalogVersion=V3&ha_linker=eyJ0cyI6MTY5Mjg1NzE2MjAyOCwiaWQiOiJhMDEwYWRjNDg3N2ZhMWYwMzc0ZTYzNTdlMjk3ZDkzZCJ9)组件:列表包含一系列相同宽度的列表项。适合连续、多行呈现同类数据,例如图片和文本。
- [Video](https://developer.harmonyos.com/cn/docs/documentation/doc-references-V3/ts-media-components-video-0000001427902484-V3?catalogVersion=V3&ha_linker=eyJ0cyI6MTY5Mjg1NzE4MDk3NCwiaWQiOiJhMDEwYWRjNDg3N2ZhMWYwMzc0ZTYzNTdlMjk3ZDkzZCJ9)组件:用于播放视频文件并控制其播放状态的组件。
- [Navigator](https://developer.harmonyos.com/cn/docs/documentation/doc-references-V3/ts-container-navigator-0000001427584884-V3?catalogVersion=V3&ha_linker=eyJ0cyI6MTY5Mjg1NzIxMDU4MywiaWQiOiJhMDEwYWRjNDg3N2ZhMWYwMzc0ZTYzNTdlMjk3ZDkzZCJ9)组件:路由容器组件,提供路由跳转能力。
- [ForEach](https://developer.harmonyos.com/cn/docs/documentation/doc-guides-V3/arkts-rendering-control-foreach-0000001524537153-V3?ha_linker=eyJ0cyI6MTY5Mjg1NzIzNDc5NiwiaWQiOiJhMDEwYWRjNDg3N2ZhMWYwMzc0ZTYzNTdlMjk3ZDkzZCJ9)组件:ForEach基于数组类型数据执行循环渲染。
### 相关权限
网络权限:ohos.permission.INTERNET
### 使用说明
1. 在首页点击轮播图中的图片,跳转到视频播放界面,播放应用视频资源。
2. 在联网的前提下,在首页点击其他模块列表图片,跳转到视频播放界面,播放网络视频资源。
3. 在视频播放界面,可通过点击屏幕左下方的图标播放/暂停视频。
4. 在视频播放界面,可通过点击/拖动进度条来控制视频播放进度。
### 约束与限制
1. 本示例仅支持标准系统上运行,支持设备:华为手机或运行在DevEco Studio上的华为手机设备模拟器。
2. 本示例为Stage模型,支持API version 9。
3. 本示例需要使用DevEco Studio 3.1 Release版本进行编译运行。
没有合适的资源?快使用搜索试试~ 我知道了~
温馨提示
在手机、平板或是智慧屏这些终端设备上,媒体功能可以算作是我们最常用的场景之一。无论是实现音频的播放、录制、采集,还是视频的播放、切换、循环,亦或是相机的预览、拍照等功能,媒体组件都是必不可少的。以视频功能为例,在应用开发过程中,我们需要通过ArkUI提供的Video组件为应用增加基础的视频播放功能。借助Video组件,我们可以实现视频的播放功能并控制其播放状态。常见的视频播放场景包括观看网络上的较为流行的短视频,也包括查看我们存储在本地的视频内容。 Video组件的原生控制器样式相对固定,当我们对页面的布局色调的一致性有所要求,或者在拖动进度条的同时需要显示其百分比进度时,原生控制器就无法满足需要了。如下图右侧的效果需要使用自定义控制器实现,接下来我们看一下自定义控制器的组成。 自定义控制器容器内嵌套了视频播放时间Text组件、滑动器Slider组件以及视频总时长Text组件 3个横向排列的组件,其中Text组件在之前的基础组件课程中已经有过详细介绍,这里就不再进行赘述。需要强调的是两个Text组件显示的时长是由Slider组件的onChange(callback: (value: n
资源推荐
资源详情
资源评论
收起资源包目录
简易视频播放器(ArkTS).zip (48个子文件)
SimpleVideo
AppScope
resources
base
media
app_icon.png 7KB
element
string.json 97B
app.json5 218B
screenshots
video.gif 6.53MB
hvigor
hvigor-wrapper.js 66KB
hvigor-config.json5 100B
hvigorfile.ts 160B
LICENSE 10KB
entry
hvigorfile.ts 162B
src
main
ets
pages
SimpleVideoPlay.ets 3KB
SimpleVideoIndex.ets 1KB
viewmodel
ParamItem.ets 746B
VideoData.ets 1KB
HorizontalVideoItem.ets 898B
SwiperVideoItem.ets 794B
entryability
EntryAbility.ts 3KB
view
VideoPlayer.ets 3KB
IndexModule.ets 3KB
VideoPlaySlider.ets 4KB
IndexSwiper.ets 2KB
common
constants
CommonConstants.ets 3KB
model
VideoControll.ets 1KB
resources
base
media
video_ad3.png 111KB
banner3.png 40KB
video_list0.png 14KB
ic_back.png 298B
preview.png 20KB
ic_public_play.png 1KB
banner2.png 29KB
ic_play.png 1KB
ic_pause.png 777B
banner1.png 31KB
video_list1.png 13KB
icon.png 7KB
video_list2.png 8KB
profile
main_pages.json 83B
element
font.json 1KB
string.json 541B
color.json 330B
en_US
element
string.json 540B
zh_CN
element
string.json 535B
rawfile
videoTest.mp4 19.38MB
module.json5 1014B
oh-package.json5 207B
build-profile.json5 192B
oh-package.json5 246B
build-profile.json5 456B
README.md 2KB
共 48 条
- 1
资源评论
断水流大撕兄
- 粉丝: 1w+
- 资源: 19
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功