观众观看（HarmonyOS）

import { LiveInfo } from '@tencentcloud/atomicxcore'
import { PlayerStatus, PlayerView, PlayerViewController } from 'tuilivekit'

@Entry
@Component
struct AudiencePlayerPage {
  liveID: string = ''
  onBack?: () => void
  private controller: PlayerViewController = new PlayerViewController()
  private unsubscribeStatus?: () => void

  aboutToAppear(): void {
    // 1. 设置直播间信息（必须在 startPlay / joinChannel 之前调用）
    const liveInfo = new LiveInfo()
    liveInfo.liveID = this.liveID
    this.controller.setLiveInfo(liveInfo)

    // 2. 监听关闭、进房事件
    this.controller.onCloseClicked = () => this.onBack?.()
    this.controller.onJoinLiveClicked = () => console.info(`join live: ${this.liveID}`)

    // 3. (可选) 监听播放状态变化，返回值为取消订阅闭包
    this.unsubscribeStatus = this.controller.status((status: PlayerStatus) => {
      console.info(`player status: ${status}`)
    })

    // 4. 开始拉流播放
    this.controller.startPlay()

    // 5. 加入直播间，进房成功后观众才能发弹幕、点赞、送礼、连麦
    this.controller.joinChannel().then((info: LiveInfo) => {
      console.info(`joinChannel success: ${info.liveID}`)
    }).catch((error: Error) => {
      console.error(`joinChannel failed: ${error.message}`)
    })
  }

  aboutToDisappear(): void {
    // 6. 页面销毁时取消订阅、停止播放并退出直播间
    this.unsubscribeStatus?.()
    this.controller.stopPlay()
    this.controller.leaveChannel()
  }

  build() {
    PlayerView({ controller: this.controller })
  }
}

this.navigationStack.pushPath({ name: 'singlePlayer', param: liveID })