一起用代码吸猫！本文正在参与【喵星人征文活动】 先来个预告效果图开场： 聪明的你可能已经想到了，为什么只能用苹果手机才能查看，那有没有一种纯前端实现的通用的web AR技术呢？ 纯前端解决方案 纯前端

最近做了一个直播的管理后台的项目，既然是直播那肯定是涉及到了推流和拉流，推流是终端那边去做的，作为一个后台项目那肯定是拉流了，拉流的话有 cnd 流和 rtmp 的流，cnd 的流是有延迟的，而 rt

之前做图片、视频上传预览常用的方案是先把文件上传到服务器，等服务器返回文件的地址后，再把该地址字符串赋给img或video的src属性，这才实现所谓的文件预览。实际上这只是文件“上传后再预览”，这既浪费了用户的时间，也浪费了不可轻视的流量。 最近上网查资料才知道其实可以很轻松地…

本文使用WebRTC的功能，打开电脑上的摄像头，并且把摄像头预览到的图像显示出来。 纯网页实现，能支持除IE外的多数浏览器。

MediaDevices API 接口提供访问连接媒体输入的设备，如照相机和麦克风，以及屏幕共享等。它可以使你取得任何硬件资源的媒体数据。 以下是 Can I Use 给出的支持情况： 访问摄像头示例

在最新版的 Chrome 78 中，Google 开启了一项实验性的特性：Native File System，这是一个全新的本地文件读写 API，当前还未开发完成，因此默认并没有开启这项功能。 如果想要体验这个 API 的话，可以在 chrome://flags 这个地址中搜…

1. WebRTC 简介 2.1.1 完整的WebRTC框架，分为 Server端、Client端两大部分。 信令服务器 : 负责端到端的连接。 2.1.2 介绍下WebRTC三个主要API，以及实现点对点连接的流程。 RTCDataChannel：RTCDataChannel…

WebRTC (Web Real-Time Communications) 是一项实时通讯技术，它允许网络应用或者站点，在不借助中间媒介的情况下，建立浏览器之间点对点（Peer-to-Peer）的连接

OBS studio很酷，但 JavaScript 更酷，现在，我们用 JavaScript 创建自己的录屏功能。 首先，创建一个H