HarmonyOS鸿蒙Next影音娱乐类行业实践

HarmonyOS鸿蒙Next影音娱乐类行业实践

搭载音频播控、文件管理等模块，详解横竖屏切换等场景示例，解决视频加载、播放中断等常见问题。

持续更新中，更多鸿蒙应用开发示例与解决方案请见[行业实践与常见问题]专题页。

影音娱乐类行业实践关键场景示例

1. 获取视频信息

本示例主要基于PhotoAcess组件选择图库视频，根据所选视频uri获取视频信息，可以查看视频的时长、名字、大小和缩略图等信息。

2. 视频压缩处理

本示例利用videocompressor实现视频压缩功能，利用photoAccessHelper实现从相册（图库）中选取视频压缩后保存至相册（图库）的功能，支持用户选择高/中/低质量压缩。

3. 滑块及进度条自定义

本示例主要基于Slider实现自定义滑块及进度条的样式、最大值和最小值，并随着滑块调节动态显示当前值的功能。例如，用户播放视频时调节音量、亮度、饱和度、弹幕透明度、字体大小及颜色深浅等场景。

4. 资源库多层标签筛选

本示例主要基于Flex和Grid/GridItem等UI组件的综合使用，以及对资源数据结构和资源筛选逻辑的设计，实现了对多标签资源进行多层筛选的功能。例如，在资源库、影音播放、小说阅读和外卖美食等平台用户希望根据标签筛选所需资源。

5. 悬浮窗效果

本示例基于子窗口实现应用内悬浮窗，通过@ohos.window实现悬浮窗的样式切换与拖动、贴边效果。例如，用户在浏览应用内不同页面时，可通过悬浮窗查看歌曲信息，控制歌曲的播放、暂停等。

6. 视频窗口横竖屏切换

本示例实现视频播放窗口的横竖屏切换，基于@ohos.window获取窗口实例，使用setPreferredOrientation方法设置窗口的显示方向。也可适用于游戏、地图导航、小说阅读等其他场景。

7. 移动数据切换提醒

本示例实现WiFi连接切换为移动数据网络时的弹窗提醒功能，主要基于NetConnection订阅网络连接状态，监听到网络切换后进行弹窗通知。也可适用于所有WiFi中断需要使用移动数据（流量）时的提醒。

8. 歌词动态效果

本示例基于animateTo实现了歌词滚动、文字颜色渐变的动画效果。

9. 切换音频播放设备

本示例创建AVPlayer播放音频，使用投播组件AVCastPicker切换不同的音频播放设备，设置Slider组件控制音频播放位置。

10. 视频列表切换播放

本示例基于Tabs和Video组件实现视频列表切换播放效果。

11. 导入本地音乐文件

本示例实现在应用中导入本地音乐文件的功能，主要使用DocumentViewPicker加载公共目录的音乐文件，并读取歌手名、歌曲封面等信息进行展示。

12. 视频截取转换为GIF动图

本示例主要基于三方库mp4parser调用ffmpegCmd()指令，实现截取视频片段转换为GIF动图并保存至图库的功能。

13. 视频弹幕发送与显示

本示例实现在播放视频时发送弹幕和显示弹幕的功能，通过数组保存实现弹幕发送，基于setInterval函数和translate属性实现弹幕移动动画。

14. 短视频评论

本示例实现在播放短视频的同时弹出评论区进行评论的功能，利用pushPathByName函数跳转至评论区页面，通过transition实现自定义评论区动画弹出，利用CustomDialog实现评论时键盘的弹出。

15. 视频倍速播放

本示例基于AVPlayer实现视频倍速播放的功能，可按需调节视频播放速度。

16. 视频播放列表

本示例基于List、AVPlayer组件实现视频播放列表页面，通过监听列表滑动，实现视频列表中首个可见视频自动播放的效果，用户浏览视频列表时自动播放视频。

17. 动态图片播放

本示例基于MovingPhotoView组件展示了多个动态图片滑动播放的功能。

18. 视频拼接创作

本示例实现将多个视频进行拼接的功能，使用List组件结合手势操作实现视频元素的拖动排序，使用三方库@ohos/mp4parser实现视频格式化以及视频合并。

19. 多机位视频播放

本示例基于XComponent组件展示了主机位和多个副机位视频的播放，实现多个窗口视频同时播放的效果。

20. 视频点赞动画

本示例基于keyframeAnimateTo关键帧动画实现连续点赞动画效果。

21. 视频中提取音频

本示例使用三方库@ohos/mp4parser实现提取视频中音频的功能。

22. 视频自动暂停与恢复播放

本示例基于AVPlayer实现视频播放功能，并通过监听其音频焦点变化事件实现关闭闹钟或电话后自动恢复播放的功能。在播放视频过程中，弹出闹钟或电话通知时自动暂停视频，关闭闹钟或电话时自动恢复播放。

23. Navigation实现闪屏页

本示例基于Navigation组件实现闪屏页效果，如应用启动时使用闪屏页过渡。

24. 视频播放无缝转场

本示例基于media.AVPlayer与XComponent实现视频播放，通过切换AVPlayer的surfaceId控制不同XComponent播放视频实现转场效果，基于Window实现视频全屏播放。例如，视频列表中自动播放的热门视频，点击进入视频详情页后继续播放。

25. 音频波形动画

本示例基于Canvas、@ohos.animator实现音频录制及播放过程中的音频波形动画效果，音量大时振幅大，音量小时振幅小。可用于录音或播放录音时实时展示音量大小。

26. 网络视频缓冲进度条

本示例基于AVPlayer实现在线视频播放，基于Slider实现视频播放和缓冲进度条显示。播放在线视频时，进度条显示当前缓冲的可播放进度。

27. 视频播放倍速锁定及取消

本示例通过长按手势和拖动手势的顺序识别组合手势，实现长按边缘加速、下滑锁定倍速、再次下滑取消锁定的功能。

28. 视频截图

本示例基于AVPlayer和组件截图实现视频截图及前后帧微调的功能。例如，用户可在观看视频时截取画面，并对截图的前后帧进行微调，避免所截图片与预期不符。

影音娱乐类行业实践常见问题

1. AudioCapturer录制的音频使用AVPlayer播放，报类型不支持错误怎么解决

2. 单次拖动无法既实现List组件滚动又使得进度条变化的问题如何处理

3. 多层级布局，上层手势事件如何透传到下层控件

4. 跨页面视频播放场景无法实现无缝转场如何解决

5. 如何解决AVPlayer做音乐播放器，切换音乐无法播放问题

6. 如何解决fs接口无法读取媒体文件扩展信息问题

7. 如何解决Video组件播放前出现预览黑屏的问题

8. 如何解决音频播放控制通知栏进度状态不更新问题

9. 应用前后台切换时，如何解决Video组件播放发生中断的问题

10. 用户打开视频播放时，应用发生闪退

11. 播放音频时卡顿、有杂音现象分析

12. H5页面中的视频加载缓慢

13. 关闭蓝牙功能后，应用音频继续播放

14. ArkUI页面滑动交互时发生卡顿

15. 播放新的音频时不会打断正在播放的音频

16. 播放新的音频时，播放中的音频被打断，但新的音频没有正常被播放

17. 音乐播放界面退出重入后，播放动画不生效

18. 平板设备进行横竖屏转换，应用中播放的音频会重新播放

19. 系统旋转锁定功能对应用不生效

20. 视频页面上下滑动刷新时出现卡顿现象

21. 页面跳转前后的状态栏状态不一致

22. 视频加载完播放区域会出现短暂的黑屏

23. 应用切换至后台时，进行中的音视频任务被中断

24. 点击播放按钮时，音频未如预期进行播放

25. 应用投屏后无法调节音量

26. 通过选集切换视频时自动跳回当前选集

27. 视频进度条显示效果异常

28. 视频无法进行倍速播放

29. 点击搜索框时会有默认的搜索词

30. 应用进入后台时播放中的音频会停止播放

31. 视频进度条拖动异常