web AudioContext 与AudioWorkletNode

最新推荐文章于 2024-01-18 16:04:14 发布

从未、淡定

最新推荐文章于 2024-01-18 16:04:14 发布

阅读量716

点赞数

分类专栏：前端领域文章标签：前端开发语言

本文链接：https://blog.csdn.net/swe_ling/article/details/125378100

版权

前端领域专栏收录该内容

31 篇文章 0 订阅

订阅专栏

在这里插入图片描述

UML 类图

@startuml meida-audio
 class AudioNode extends EventTarget {
    + channelCount
    + channelCountMode
    + channelInterpretation
    + context
    + numberOfInputs
    + numberOfOutputs
    .. 方法 ..
    + connect()
    + disconnect()
  }
  class MediaElementAudioSourceNode extends AudioNode{
    + mediaElement
  }
  class MediaStreamAudioDestinationNode extends AudioNode{
    + MediaStream stream 
  }
  class AudioWorkletNode extends AudioNode{
    .. 构造函数 ..
    AudioWorkletNode(BaseAudioContext, name)
    .. 基础属性 ..
    + parameters
    + port
    .. 事件属性 ..
    + attribute EventHandler onprocessorerror
  }

  class BaseAudioContext extends EventTarget   {
    + readonly AudioWorklet audioWorklet 
    + currentTime
    + destination
    + listener
    + sampleRate
    + state
    .. 滤波器 ..
    + createXXXXXFilter()
    .. arraybuffer 转化为  ..
    decodeAudioData()
    createBufferSource()
    .. 不推荐的  ..
    + --createScriptProcessor-- ()
  }
  class AudioContext extends BaseAudioContext {
    + readonly baseLatency
    + readonly outputLatency
    -- 从Stream中创建 音频流 --
    + MediaElementAudioSourceNode createMediaElementSource()
    + MediaElementAudioSourceNode createMediaStreamSource()
    + MediaElementAudioSourceNode createMediaStreamTrackSource()
    -- 获取处理后的音频流 --
    + MediaStreamAudioDestinationNode createMediaStreamDestination()
    -- 音频流状态操作 --
    + close()
    + resume()
    + suspend()
  }

  class Worklet {
    + Promise addModule()
  }

  class AudioWorklet extends Worklet {

  }

  AudioWorklet o--  BaseAudioContext 
  MediaElementAudioSourceNode o-- AudioContext
  MediaStreamAudioDestinationNode o-- AudioContext
  BaseAudioContext o-  AudioWorkletNode::BaseAudioContext 

@enduml