1# 视频播放 2 3### 介绍 4视频播放的主要工作是将视频数据转码并输出到设备进行播放，同时管理播放任务。本文将对视频播放全流程、视频切换、视频循环播放等场景开发进行介绍说明。 5本示例主要展示了播放本地视频和网络视频相关功能,使用 [@ohos.multimedia.media](https://gitee.com/openharmony/docs/blob/master/zh-cn/application-dev/reference/apis-media-kit/js-apis-media.md),[@ohos.resourceManager](https://gitee.com/openharmony/docs/blob/master/zh-cn/application-dev/reference/apis-localization-kit/js-apis-resource-manager.md),[@ohos.wifiManager](https://gitee.com/openharmony/docs/blob/master/zh-cn/application-dev/reference/apis-connectivity-kit/js-apis-wifiManager.md)等接口,实现了视频播放、暂停、调节倍速、切换视频的功能;实现效果如下; 6 7### 效果预览 8| 播放 | 暂停 | 倍速弹窗 | 视频列表 | 9|------------------------------------------|---------------------------------------|--------------------------------------------|-------------------------------------------| 10|  |  |  |  | 11| 拖动滑动条 | 12|  | 13 14使用说明 15 161.点击视频界面，唤起视频操作面板，再次点击操作面板消失，如果不做任何操作操作界面会5s自动消失; 17 182.点击暂停/播放按钮，控制视频暂停播放; 19 203.滑动视频进度条，视频跳转到指定位置,在视频中间会出现时间进度方便用户查看视频进度; 21 224.点击倍速，可以选择1.0、1.25、1.75、2.0进行倍速调节; 23 245.点击下方视频名称，可以选择视频进行切换。注意：network是网络视频，检测到没有连接网络会退出应用，有网络能在本地视频和网络视频进行切换; 25 266.点击AudioTrack音轨列表选择框，可以选择音轨进行切换; 27 287.点击进入获取缩略图界面，可以获取视频的缩略图; 29 308.点击Subtitle开关列表选择框，可以切换外挂字幕是否显示; 31 329.点击左上角退出箭头，退出应用。 33 34### 目录结构 35``` 36VideoPlay/src/main/ets/ 37|---components 38| |---ExitVideo.ets // 退出应用组件 39| |---SpeedDialog.ets // 播放倍速弹窗 40| |---VideoOperate.ets // 视频操作组件 41| |---VideoPanel.ets // 视频列表 42|---pages 43| |---Index.ets // 首页视频界面 44|---utils 45| |---Logger.ts // 日志帮助类 46| |---TimeUtils.ts // 视频时间帮助类 47|---videomanager 48| |---AvPlayManager.ts // 视频管理接口，统一封装了对外提供的功能接口 49``` 50 51### 具体实现 52+ 视频倍速切换、暂停、播放、切换视频、视频跳转的功能接口都封装在AvPlayManager.ts,源码参考：[AvPlayManager.ts](entry/src/main/ets/videomanager/AvPlayManager.ets); 53+ 使用media.createAVPlayer()来获取AVPlayer对象; 54+ 倍速切换：选择不同的倍速时调用avPlayer.setSpeed(speed: PlaybackSpeed); 55+ 暂停、播放：点击暂停、播放时调用avPlayer.pause()、avPlayer.play(); 56+ 切换视频：在切换视频前要先调用avPlayer.reset()重置资源，再通过avPlayer.fdSrc为fdSrc赋值触发initialized状态机上报; 57+ 视频跳转：在拖动滑动条时调用avPlayer.seek() 58+ 视频预下载：在prepared状态之前调用avPlayer.setMediaSource() 59+ 多音轨选择：调用avPlayer.getTrackDescription()获取音轨列表，调用avPlayer.selectTrack()选择音轨，调用avPlayer.deselectTrack()取消选择音轨。 60+ 外挂字幕显示切换：选择是否显示外挂字幕 61 62### 相关权限 63 64#### [ohos.permission.INTERNET](https://gitee.com/openharmony/docs/blob/master/zh-cn/application-dev/security/AccessToken/permissions-for-all.md#ohospermissioninternet) 65#### [ohos.permission.ohos.permission.GET_WIFI_INFO_INTERNAL](https://gitee.com/openharmony/docs/blob/master/zh-cn/application-dev/security/AccessToken/permissions-for-system-apps.md#ohospermissionget_wifi_info_internal) 66 67### 依赖 68不涉及。 69 70### 约束与限制 71 721.本示例仅支持标准系统上运行,需要联网才能够播放网络视频; 73 742.本示例已适配API12版本SDK,版本号：5.0.0.17,镜像版本号：OpenHarmony5.0.0.18; 75 763.本示例需要使用DevEco Studio NEXT Developer Preview1 (Build Version: 4.1.3.500, built on January 20, 2024)才可编译运行。 77 78### 下载 79如需单独下载本工程，执行如下命令： 80``` 81git init 82git config core.sparsecheckout true 83echo code/BasicFeature/Media/VideoPlay/ > .git/info/sparse-checkout 84git remote add origin https://gitee.com/openharmony/applications_app_samples.git 85git pull origin master 86```
