Vreo
    Preparing search index...

    Class Controller

    Vreo 播放器逻辑控制器

    负责管理播放器的内部状态、事件处理、UI 控制和剧本执行。 提供播放控制、外观设置、弹窗管理、抽屉控制等功能。

    const controller = new Controller({
      five: fiveInstance,
      container: document.getElementById('container'),
      configs: playerConfigs
    })

    // 设置播放状态
    controller.setPlaying(true)

    // 打开弹窗
    controller.openPopUp('弹窗内容')

    // 打开抽屉
    controller.openDrawer({ content: '抽屉内容', height: 300 })

    Hierarchy

    Index

    Constructors

    constructor

    Properties

    appearance appSize? avatar configs container containerSize drawerConfig ended five loading playing popUp stopInterval? videoAgentScene? visible vreoUnit? waveAppearance

    Accessors

    agentType currentKeyframes currentTime mediaInstance ready

    Methods

    clear dispose openDrawer openPopUp requestAnimationFrameLoop run setAppearance setAvatar setContainerSize setEnded setLoading setPlaying setVisible

    Constructors

    Properties

    appearance: Appearance = ...
    appSize?: "S" | "M" | "L" | "XL"
    avatar: undefined | { force?: true; url?: string } = {}
    configs: PlayerConfigs
    container: Element
    containerSize: { height: number; width: number } = ...
    drawerConfig: null | { content: string | Element; height?: string | number } = null
    ended: boolean = false
    five: Five
    loading: null | boolean = false
    playing: boolean = false
    popUp: null | string | Element = null
    stopInterval?: () => void
    videoAgentScene?: VideoAgentScene
    visible: boolean = false
    vreoUnit?: VreoUnit
    waveAppearance: null | WaveAppearance = null

    Accessors

    • get agentType(): "video" | "none" | "avatar"

      获取当前播放媒体的类型

      Returns "video" | "none" | "avatar"

      'video' | 'avatar' | 'none' - 媒体类型

    • get mediaInstance(): undefined | HTMLVideoElement | HTMLAudioElement | AudioLike

      获取当前媒体实例（音频或视频元素）

      Returns undefined | HTMLVideoElement | HTMLAudioElement | AudioLike

      HTML媒体元素实例

    Methods

    • 打开或关闭抽屉

      Parameters

      • OptionaldrawerConfig: false | { content: string | Element; height?: string | number }

        抽屉配置对象，false表示关闭抽屉

      Returns void

    • 打开或关闭弹窗

      Parameters

      • popUp: string | false | Element

        弹窗内容，可以是字符串、JSX元素或false（关闭弹窗）

      Returns void

    • 逐帧任务循环处理

      在每个动画帧中检查播放状态、处理关键帧触发等

      Parameters

      Returns void

    • 设置虚拟形象配置

      Parameters

      • avatar: undefined | { force?: true; url?: string }

        虚拟形象配置对象

      Returns void

    • 设置容器尺寸

      Parameters

      • width: number

        容器宽度

      • height: number

        容器高度

      Returns void

    • 设置加载状态

      Parameters

      • loading: null | boolean

        加载状态：true（加载中）、false（加载完成）、null（加载失败）

      Returns void

    Settings

    Member Visibility

    On This Page

    Constructors
    Properties
    Accessors
    Methods