声音：这里的声音是指通过麦克风会产生一连串的电压变化，可以得到许多[-1,1]之间的数字。如果想要播放，需转换成pcm格式 链接完成后，createScriptProcessor的onaudioprocess方法可以持续不断的返回采样数据，这些数据范围在[-1,1]之间，类型是…

目录获取PCM数据处理PCM数据Float32转Int16ArrayBuffer转Base64PCM文件播放重采样PCM转MP3PCM转WAV短时能量计算WebWorker优化性能音频存储(Index

由于项目需要，我们要在web端实现录音功能。一开始，找到的方案有两个，一个是通过iframe，一个是html5的getUserMedia api。由于我们的录音功能不需要兼容IE浏览器，所以毫不犹豫的选择了html5提供的getUserMedia去实现。基本思路是参考了官方的a…

1.项目中新建一个recorder.js文件，内容如下，也可在百度上直接搜一个2.页面中使用，具体如下3.除了上述代码中的注释外，还有一些地方需要注意上传语音时，一般会有两个参数，一个是语音的路径，一

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

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

本文介绍的是我的一个开源js库Recorder，并利用它在网页上进行在线录音和上传到服务器。 本示例代码支持PC、Android、IOS(仅Safari)中使用，如果用RecordApp可增加对IOS(微信浏览器、小程序)的支持。 看万遍代码不如行动一遍，新建一个html文件，…

最开始写Recorder的时候，只追求简短的语音录制，因此采用的是录音结束后一次性进行异步（setTimeout分片）转码，1分钟语音在pc端转码MP3花费100-300ms，移动端花费600-1500ms，体验上延迟不算大，并且代码逻辑很简单；如果使用Web Worker（多…

前端消息的实时推送我相信很多人不陌生，我们可以想到利用WebSocket，服务端主动向客户端推送数据，浏览器和服务器只需要完成一次握手，两者之间就直接可以创建持久性的连接，并进行双向数据传输。其优点有很多，能更好的节省服务器资源和带宽，并且能够更实时地进行通讯等等。语音播报则能…