Class AudioClip

音频素材，为创建、编辑音视频功能提供音频数据

Example

new AudioClip((await fetch('<mp3 url>')).body, {
  loop: true,
}),

Implements

Constructors

constructor

Properties

#chan0Buf #chan1Buf #frameOffset #meta #opts #ts ready ctx

Accessors

meta

Methods

#init clone destroy getPCMData split tick

Constructors

constructor

Properties

Private #chan0Buf

#chan0Buf: Float32Array = ...

Private #chan1Buf

#chan1Buf: Float32Array = ...

Private #frameOffset

#frameOffset: number = 0

Private #meta

#meta: {
    duration: number;
    height: number;
    width: number;
} = ...

Type declaration

  • duration: number
  • height: number
  • width: number

Private #opts

#opts: {
    loop: boolean;
    volume: number;
}

Type declaration

  • loop: boolean
  • volume: number

Private #ts

#ts: number = 0

ready

ready: Promise<IClipMeta>

当素材准备完成，ready 会切换到 resolved 状态

Static ctx

ctx: null | AudioContext = null

Accessors

meta

  • get meta(): {
        chanCount: number;
        duration: number;
        height: number;
        sampleRate: number;
        width: number;
    }

  • 音频元信息

    ⚠️ 注意，这里是转换后（标准化）的元信息，非原始音频元信息

    Returns {
        chanCount: number;
        duration: number;
        height: number;
        sampleRate: number;
        width: number;
    }

    • chanCount: number
    • duration: number
    • height: number
    • sampleRate: number
    • width: number

Methods

Private #init

clone

destroy

getPCMData

split

tick

  • tick(time): Promise<{
        audio: Float32Array[];
        state: "done" | "success";
    }>

  • 返回上次与当前时刻差对应的音频 PCM 数据；

    若差值超过 3s 或当前时间小于上次时间，则重置状态

    Parameters

    • time: number

    Returns Promise<{
        audio: Float32Array[];
        state: "done" | "success";
    }>

    Example

    tick(0) // => []
    tick(1e6) // => [leftChanPCM(1s), rightChanPCM(1s)]

Settings

Member Visibility

Theme

On This Page

constructor#chan0Buf#chan1Buf#frameOffset#meta#opts#tsreadyctxmeta#initclonedestroygetPCMDatasplittick