OpenHarmony实战开发-视频全屏切换案例、如何实现媒体全屏的功能。

码牛程序猿

于 2024-04-16 21:49:34 发布

阅读量1.3k

点赞数 15

分类专栏：鸿蒙工程师 HarmonyOS 鸿蒙文章标签： harmonyos 鸿蒙应用开发鸿蒙系统华为 Open Harmony 鸿蒙开发鸿蒙工程师

本文链接：https://blog.youkuaiyun.com/2401_82546228/article/details/137841582

版权

本文详细介绍了如何在鸿蒙系统中使用@ohos.multimedia.media组件和@ohos.window接口实现媒体的全屏播放，涉及组件初始化、界面操作动画及窗口管理，还提到了性能优化技巧如LazyForEach和Reusable的使用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

介绍

本示例介绍了@ohos.multimedia.media组件和@ohos.window接口实现媒体全屏的功能。该场景多用于首页瀑布流媒体播放等。

效果图预览

在这里插入图片描述
使用说明：

点击全屏按钮，横屏媒体窗口。
点击恢复窗口按钮，恢复媒体窗口。

实现步骤

1.初始化@ohos.multimedia.media的AVPlayer。

async Init(): Promise<void> {
   
  await this.release();
  const context = getContext(this);
  // 获取fdSrc用于注册AVPlayer
  context.resourceManager.getRawFd(this.fileName).then(async (value: resourceManager.RawFileDescriptor) => {
   
    this.avPlayer = await media.createAVPlayer();
    this.isCreate = true;
    this.setSourceInfo(); // 视频信息上报函数
    this.setStateChangeCallback(); // 状态机上报回调函数
    this.avPlayer.fdSrc = {
   
      fd: value.fd,
      offset: value.offset,
      length: value.length
    };
  })