pithy

市面上，音频编辑软件非常多，比如 cubase、sonar 等等。虽然它们功能强大，但是在 Web 上的应用却显得心有余而力不足。因为 Web 应用的大多数资源都是存放在网络服务器中的，用 cubase 这些软件，首先要把音频文件下载下来，修改完之后再上传到服务器，最后还要作更…

最近在做语音识别，遇到两个css效果感觉以后会有用就记录一下。用到了vue的class和style动态绑定功能。

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

性能分析一直是前端er们津津乐道的话题；而俗话说得好：工欲善其事，必先利其器； 说到前端性能，就少不了性能分析的利器 —— Performance 😎；我想各位前端小伙伴，在使用 Chrome 浏览器

WebAudio 1. AudioContext 构造函数：可选参数latencyHint值有 3 个，一般使用默认值即可 balanced 平衡音频输出延迟和资源消耗 inteactive 默认值

音频流数据通过websocket传递到前端，前端拿到音频流后立即开始播放，接收到后续的音频流后追加到播放音频里连续播放

本文有两个关键词：音频可视化和Web Audio。前者是实践，后者是其背后的技术支持。 Web Audio 是很大的知识点，本文会将重点放在如何获取音频数据这块，对于其 API 的更多内容，可以查看 MDN。 另外，要将音频数据转换成可视化图形，除了了解 Web Audio 之…

在日常开发需求中经常会碰到canvas 画图生成海报图，其中最常见的绘制元素就是图像。一般来说呈现图像的方式都是经过缩放的（下面两种缩放模式参考微信小程序的image组件的呈现方式）。 aspectF

1. 背景 一般业务也很少接触摄像头，有也是现成的工具库扫个二维码。难得用一次，记录下踩坑。 2.调用摄像头的方法 2.1. input 这个就不用多说了，缺点就是没办法自定义界面，它是调用的系统原生