音频API是一组提供给网页开发者的接口，允许他们直接在浏览器中处理音频内容。这些API使得在不依赖任何外部插件的情况下操作和控制音频成为可能

前言 GIF 我相信大家都不会陌生，由于它被广泛的支持，所以我们一般用它来做一些简单的动画效果。一般就是设计师弄好了之后，把文件发给我们。然后我们就直接这样使用： 这样就能播放一个 GIF ，不知道大

Web Audio API 提供了在 Web 上控制音频的一个非常有效通用的系统，允许开发者来自选音频源，对音频添加特效，使音频可视化，添加空间效果（如平移），等等。

audio-visualization 是一个通过 WEB-AUDIO-API 实现的实现的音乐可视化的库，通过本库你可以获取到当前音频的音频频谱。

请原谅使用了这么标题党的标题做标题，本文完全闲着没事时候干的，只是一些有趣的效果，可能对大部分同学的工作上来说没有任何帮助。 使用window.AudioContext（音频模块）API开发一款可视化

其实前端通过js也是可以生成视频文件的。这次就讲一讲在前端浏览器中如何生成视频文件。 本文章用到的技术方案是：canvas+oasis+MediaRecord来生成视频。

背景 最近在做业务的时候遇到了一个需要前端抽帧的需求，小小的研究了一下便记录了下来，以便复盘。 大概的需求呢就是说从页面A跳转到页面B后给你视频的url和一些时间节点，我们要抽取这个视频在这些时间节点

点击生成需要重新遍历FPS_LIST，为每一帧添加文字，这里需要注意的时，每行文字都有自己对应显示的时间范围，所以需要判断文字绘制在那一帧图片中。然后生成新的图片数组GIF_IMG_LIST

通过face-api.js，快速获取到人脸数据，快速求出人脸左右倾斜，从而做到通过左右歪头趣味选择图片