AudioContext
AudioContext
作为音频DSP操作的上下文空间,内部实现了一套模块化路由**(modular routing)connect
,用完可以disconnect
suspend
暂停,resume
恢复,close
关闭suspended
状态AudioNode
常用节点
ScriptProcessorNode
:利用JavaScript直接生成、处理、分析音频,deprecated but commonly usedAnalyserNode
)ChannelMergerNode
)ChannelSplitterNode
)AudioDestinationNode
):默认输出(AudioContext.destination
)MediaStreamAudioDestinationNode
):WebRTC MediaStream
GainNode
):音量增益dbDelayNode
):延迟输出效果ConvolverNode
):混响StereoPannerNode
):立体声效果PannerNode
):3DWaveShaperNode
):扭曲效果DynamicsCompressorNode
):压缩、侧链BiquadFilterNode
):EQ均衡OscillatorNode
):持续产生指定频率周期的正弦波(sine),方波(square),锯齿波(sawtooth),三角波(triangle)和自定义周期波AudioBufferSourceNode
):解码后的PCM数据MediaElementAudioSourceNode
):HTML5MediaStreamAudioSourceNode
):WebRTC MediaStream
音频源
音效
音频输出
声道处理
可视化
特殊
具体地址可以查看 CodePen:https://codepen.io/jamesliu96/pen/oNGgWOb
具体地址可以查看 CodePen:https://codepen.io/jamesliu96/pen/jOYedQR
旋律来自个人听音扒谱,音乐版权归原作者所有
基于十二平均律,标准音高为440Hz
p = #MIDI
f = 频率
当 f = 440:p = 69
A440 = 440Hz = #69
Web Audio API - Web APIs | MDN[3]
Web Audio API - Web API 接口参考 | MDN[4]
https://tonejs.github.io/
Chime: https://jamesliu.info/chime/
[2]Pitcher: https://jamesliu.info/pitcher/
[3]Web Audio API - Web APIs | MDN: https://developer.mozilla.org/en-US/docs/Web/API/Web_Audio_API
[4]Web Audio API - Web API 接口参考 | MDN: https://developer.mozilla.org/zh-CN/docs/Web/API/Web_Audio_API
以上便是本次分享的全部内容,希望对你有所帮助^_^
喜欢的话别忘了 分享、点赞、收藏 三连哦~。
欢迎关注公众号 ELab团队 收货大厂一手好文章~
我们来自字节跳动,是旗下大力教育前端部门,负责字节跳动教育全线产品前端开发工作。
我们围绕产品品质提升、开发效率、创意与前沿技术等方向沉淀与传播专业知识及案例,为业界贡献经验价值。包括但不限于性能监控、组件库、多端技术、Serverless、可视化搭建、音视频、人工智能、产品设计与营销等内容。
欢迎感兴趣的同学在评论区或使用内推码内推到作者部门拍砖哦 🤪
字节跳动校/社招投递链接: https://job.toutiao.com/
内推码:7EZKXME