拍照，抠图，分享屏幕，录制屏幕，虚拟背景，实时音视频通话，新开了一个专栏《WebRTC 从实战到未来！》

本文会把WebGL工作的具体流程梳理一遍，WebGL到底是如何渲染出一个三角形的。我们常说把大象装进冰箱需要三步，那么写一个WebGL程序应该也只需要三步：1、把数据放入缓冲区，2、把缓冲区的数据给着色器，3、着色器把数据给GPU。 一切的前提那一定是WebGL上下文了。 在创…

最早实现这个效果，是2011年用Objective-C在iOS里实现的。原仓库地址：https://code.google.com/archive/p/ccjoystick/downloads 在Vue里实现这个东西没啥用处，毕竟Vue也不是一个游戏框架，但是谁叫Vue这个话题…

在项目中自己使用 Canvas 实现了一下水波图，在这里给大家分享一下它的实现原理。 一开始看到波浪，可能不知道从何入手，我们来看看波浪的特征就会有灵感了。 没错，有人肯定会想到，就是 正余弦曲线！对于波陡很小的波动，一般选择正弦或余弦的曲线来表示波形，这是最简单而又最接近实际…

el-upload上传音频，beforeAvatarUpload中限制文件类型进行判断&&限制上传文件大小，通过获取录音时长判断

方法一 安装js-audio-recorder 可以使用生成录音 wav,pcm 文件 npm i js-audio-recorder 如果需要录音文件转换 MP3 需要安装 lamejs 需要安装1

第一种是最常用的手段，通常还会自定义一个按钮，然后盖在它上面，因为type="file"的input不好改变样式。如下代码写一个选择控件，并放在form里面： 可以看到文件的路径是一个假的路径，也就是说在浏览器无法获取到文件的真实存放位置。同时FormData打印出来是一个空的…

虽然全网上 Vue 仿饿了么、xx音乐的项目一大堆，但是我还是厚着脸皮来了，毕竟我也稍微标新立异，PC端为主，移动端为辅打造的 web 音乐播放器，所以说大佬们关爱下，毕竟我这个播放器刚从韩国回来！！

传统的解决方案能够解决许多这样的问题，前提是它能够正确的工作,幸运的是，几年之后 HTML5 标准提出，其中有许多的新特性，包括 <video> 和 <audio> 标签，以及一些 JavaScript 和 APIs 用于对其进行控制。 我们可以在 html 文件中使用 <au…