# Web Audio

目录

  • 基本接口
  • 基本概念
  • 音律
  • 空间效果
  • 可视化
  • ...

# 学习资料

CSS-TRICKS - Introduction to Web Audio API (opens new window)

MDN - Web Audio API (opens new window)

MDN - Web Audio API 的运用 (opens new window)

MDN - Web audio 空间化基础 (opens new window)

MDN - 基于 Web Audio API 实现音频可视化效果 (opens new window)

# 乐理

哔哩哔哩 - 20 分钟通俗讲解乐理的底层结构 (opens new window)

傅立叶变换如何理解?美颜和变声都是什么原理?李永乐老师告诉你

https://www.youtube.com/watch?v=0LuyxzqI3Hk

音乐也有科学道理吗?Do、Re、Mi...都是如何确定的?李永乐老师讲音律

https://www.youtube.com/watch?v=v5QlocAclXY

# 二进制数据

知乎 - 我的蓝猫被削了 - 实践!实现纯前端下的音频剪辑处理 (opens new window)

张鑫旭 - 纯前端实现 audio 音频剪裁剪切复制播放与上传 (opens new window)

https://blogs.lipten.link/2019/06/19/音频处理之音频文件拼接录音及裁剪/

https://blogs.lipten.link/2019/07/18/音频处理之变音变调/

https://blogs.lipten.link/2019/07/18/音频处理之文件编码与解码(一)/

https://blogs.lipten.link/2019/07/19/音频处理之文件编码与解码(二)/

#

这里有一些处理 Web 音频的库:

  • Pizzicato.js - Pizzicato 旨在通过 Web Audio API 简化您创建和操作声音的方式
  • webaudiox.js - webaudiox.js 是一个助手,将让你轻松的使用 WebAudio API
  • howler.js - 现代网络的 Javascript 音频库
  • WAD - 使用 HTML5 的 Web Audio API 进行动态合成声音。这很像为了你耳朵的 jQuery
  • Tone.js - 用于在浏览器中制作交互式音乐的 Web Audio 框架