过去的一年，个人经历了很多事情，导致整个博客更新停滞了一年，今年，博客重新起航，并且重点将是音视频开发相关的系统博客系列，个人尽力将自己学习的知识以及学习过程的感悟和理解写在博客系列中。

曾经在我迷茫的时候，我去阅读一些大牛的文章，读到一些前辈对前端开发的思考。其中有一点令我印象深刻：

信息论的观点来看，描述信源的数据是信息和数据冗余之和，即：数据=信息+数据冗余。音频信号在时域和频域上具有相关性，也即存在数据冗余。将音频作为一个信源，音频编码的实质是减少音频中的冗余。 自然界中的声音非常复杂，波形极其复杂，通常我们采用的是脉冲代码调制编码，即PCM编码。PC…

最近需要做一个实时录音然后根据音频流实时反馈出调用静音分析（VAD）以及语音识别(ASR)接口的功能。于是研究起H5有关这方面的支持。 首先需要弄清一点，Web Audio API和H5的<audio>完全不是一个体量级的东西，<audio>可以很方便地让你将音频文件丢进去就自…

上面提到的功能我在开源社区没有找到同时满足的插件，基本只有第一个功能，所以我找了一个插件进行改造，我用的是 https://github.com/2fps/recorder 这个插件，后面的功能都是基于这个插件进行改造扩展的，非常感谢这个插件作者让我学习到了实现录制音频的原理，…

通过上两个系列专栏的学习，我们对前端音视频及 WebRTC 有了初步的了解，是时候敲代码实现一个 Demo 来真实感受下 WebRTC 实时通讯的魅力了。还没有看过的同学请移步： RTCPeerConnection 类是在浏览器下使用 WebRTC 实现实时互动音视频系统中最核…

上面这些波形、频率的计算和显示都是由纯js代码编写的，并未用到浏览器专有特性，因此可以方便的移植到其他语言实现，比如移植到Android、IOS原生实现。 此功能源码：frequency.histogram.view.js + lib.fft.js 12kb大小源码，音频可视化…

前端实现录音有两种方式，一种是使用MediaRecorder，另一种是使用WebRTC的getUserMedia结合AudioContext，MediaRecorder出现得比较早，只不过Safari/Edge等浏览器一直没有实现，所以兼容性不是很好，而WebRTC已经得到了所…

Web Audio - 绘制音频图谱 背景 前端处理音频，目前一些开源的插件和js库已经提供了非常好的支持。其中小编了解的比较多的是sound.js和wavasuffer.js这俩个库。其中sound