鸿蒙arkts学习初识avplayer+Xcomponent

原创

已于 2024-10-25 18:11:06 修改 · 434 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#学习 #鸿蒙

于 2024-10-25 18:06:47 首次发布

学习内容

使用avplayer+Xcompnent实现最基础的视频播放功能，类似avplayer的Hello World

avPlayer读取和控制视频播放，Xcomponent展示画面

基本步骤

创建avPlayer
设置播放源（以网络url形式）
注册avPlayer的回调函数（状态机）（在initialized状态下设置相应Xcomponent的SurFaceId 简单说就是avPlayer绑定一个Xcomponent）

代码基本结构

完整代码

import { media } from '@kit.MediaKit';

@Entry
@Component
struct Index {
  private xComponentId = 'VideoSurface'
  private avPlayer?: media.AVPlayer
  private xComponentController:XComponentController = new XComponentController()

  async aboutToAppear(): Promise<void> {
    media.createAVPlayer().then((player:media.AVPlayer)=>{
      this.avPlayer = player
      this.avPlayer.url ="你的url"
      let surfaceID = this.xComponentController.getXComponentSurfaceId()
      this.s