本人在双十一期间，做的一个移动端互动项目中，遇到一个在 App 、微信、H5页面环境切换选择音频播放的功能，在测试的时候出了不少兼容性问题，这里有很多值得探索的知识，今天我们就来看一下这个 HTML5-Audio。 Audio 标签用于定义声音，比如音乐或其他音频流，HTML5…

音视频随着互联网的发展，对音视频的需求越来越多，然而音视频无乱是播放还是编解码，封装对性能要求都比较高，那现阶段的前端再音视频领域都能做些什么呢。 提起音视频的播放，我萌首先想到的是HTMLMediaElement，video播放视频，audio播放音频。举个栗子： contr…

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

随着 Web 的不断发展，浏览器新技术的不断涌现，本地开发和 Web 开发之间的分界线变得越来越模糊。新的 API 使得在浏览器中开发各类新型软件的能力得到释放。 就在不久之前，与数码乐器进行交互的能力还一直被局限在本地和桌面应用中，现在，Web MIDI API 的到来就是为…

忙碌了一整年，大家都在补充各种工作上需要用到的知识，却有些忽略了技术的娱乐性。 最近在听机核网的一期电台：我们用8bit音乐原理告诉你，FC的游戏音乐是如何制作的，原理的部分感觉和web audio有很多相似之处，遂撰写这篇文章，希望让没有任何音乐基础的同学，看完之后也能写一段…

在VR开发中，除了图形视觉渲染，音频处理是重要的一环，好的音频处理可以欺骗用户的听觉，达到身临其境的效果，本文主要介绍WebVR音频是如何开发的。 VR音频的输出硬件主要是耳机，根据音频源与场景之间的关系，可将VR音频分为两类：静态音频和空间化音频(audio spatiali…

demo地址，AudioMusicMixer这个target。 使用AudioUnitGraph来实现一个混音功能，受到官方混音例子的影响，做了一个不同输入源到不同声道的效果，如左边放音乐、右边放录音。 这个 demo 为了认识两点：1. AUGraph 2.audioUnit…

主要内容： 介绍了浏览器的API —— audioContext，六个demo由简至繁展示方法的使用

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