工作中，有些系统是利用的iframe。有一次突然遇到了一个令人费解的跨域报错，没有发请求，却报了“Error：Blocked a frame with origin...from accessing a cross-origin frame”的跨域错误的问题，当时自己一脸懵（恕…

可以传递一个MediaStreamConstraints 对象指定返回要求的 mediaStream。 该方法返回一个Promise对象,成功时 resolve 回调函数带有mediaStream对象。如果用户拒绝授予使用权限，或是媒体源不可用，则返回 reject回调 作为可…

拍照获取，但是呢~微信那边对于人脸等信息必须进行申请，然后调用他们的接口，才能在小程序上使用人脸拍照功能。 so sad~,然后公司又让我弄一个H5带人脸遮罩的拍照工具。我之前的文章是通过input标

1. 录制视频原理简介 2. WebRTC中提供的录制视频api webrtc提供了一个MediaRecoder类，听名字就知道它是用来录制媒体数据的。 在构造方法中，我们需要传入两个参数，其中第一个参数stream（流数据），也就是我们通过getUserMedia获取到的st…

主要内容—— 介绍了浏览器的录制媒体API——MediaRecorder API，涉及的方法和事件等，并给出两个demo展示。

先使用canvas将要截图的范围绘制到canvas上，再将绘制了图像的canvas转为一个图片展示的data URI。 得到URI后就可以将截图展示出来了。 canvas的drawImage()方法可以在canvas上绘制图像。语法为： 其中，第一个参数imageOrigin表…

1. git简介 在实际开发中，会使用git作为版本控制工具来完成团队协作。因此，对基本的git操作指令进行总结是十分有必要的，本文对一些术语或者理论基础，不重新码字，可以参考廖雪峰老师的博文，本文只对命令做归纳总结。 暂存区（Index/Stage）：在使用git管理项目文件…

大家都说简历没项目写，我就帮大家找了一个项目，还附赠【搭建教程】。 从ES6 开始，我们大都使用的是 Promise.all()和Promise.race()，Promise.allSettled() 提案已经到第4阶段，因此将会成为ECMAScript 2020的一部分。 P…

最近在做需求的时候,涉及到登录token,产品提出一个问题:能不能让token过期时间长一点，我频繁的要去登录。 前端：后端，你能不能把token 过期时间设置的长一点。 后端：可以,但是那样做不安全