HarmonyOS鸿蒙Next中nova flip这种小的外屏如何添加视频

HarmonyOS鸿蒙Next中nova flip这种小的外屏如何添加视频 目前是通过卡片来搞   但是卡片不支持视频

7 回复

感谢您的提问，为了更快解决您的问题，麻烦请补充以下信息：

请问您这边需要实现什么样的功能呢，应用可以添加到外屏打开应用就可以播放视屏了，还是想用画中画那种方式继续播放视频呢？还是其他功能

更多关于HarmonyOS鸿蒙Next中nova flip这种小的外屏如何添加视频的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


我是想在外屏 直接播放视频 就是外屏卡片出现时播放视频 但是卡片并不支持，

您是想通过卡片UI来作为视频打开的快捷方式，可以通过官方Form Kit（服务卡片）来进行

以下是卡片UI的设计，在src/main/ets/widget/pages/videocard.ets

需在project添加ArkTS项目

@Entry
@Component
struct VideoCard {
  build() {
    Column() {
      Image($r('app.media.cover_video1'))
        .width('100%').height(120).objectFit(ImageFit.Cover)
      Button('立即播放')
        .onClick(() => {
          postCardAction(this, {
            action: 'router',
            abilityName: 'EntryAbility',
            params: { targetPage: 'VideoPlay', videoId: 'video1' }
          });
        })
    }
  }
}

我是想在外屏 直接播放视频 按照您的意思就是卡片出现时播放视频 但是卡片并不支持，

这个应该是需要系统方面的支持，

在HarmonyOS鸿蒙Next中为nova flip外屏添加视频，需使用ArkUI开发框架。通过SideScreenManager接口获取外屏上下文，创建自定义组件承载视频播放。使用Video组件设置视频源并控制播放状态。需在外屏配置文件中声明视频播放权限及屏幕适配参数。视频资源应放置于resources目录，通过$r方式引用。注意外屏尺寸限制，需优化视频分辨率及控件布局。

目前HarmonyOS Next中，外屏卡片暂不支持直接嵌入视频播放功能。建议通过以下方式实现：

  1. 使用静态卡片展示视频封面图，点击后跳转到内屏播放
  2. 利用服务卡片动态更新能力，循环展示视频关键帧图片
  3. 关注官方SDK更新，未来可能会提供视频卡片支持

可参考DevEco Studio中的卡片开发文档，使用PixelMap实现动态图像效果。

回到顶部