鸿蒙(HarmonyOS)应用开发实战——视频全屏切换案例

原创

于 2024-09-30 17:30:47 发布 · 1k 阅读

18 ·

CC 4.0 BY-SA版权

文章标签：

#harmonyos #音视频 #移动开发 #list #ArkTS #组件化

往期知识点整理

介绍

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

效果图预览

使用说明：

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

实现步骤

初始化 @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.