大家好，我是双越老师。本文我对比 Vue2 Vue3，把 React 22 个基础技能过一遍，看看 React 到底哪里难。也欢迎关注我的【划水AI】项目，使用 React Next.js 全栈开发。

15个前端开发、写作的神器，高效实现代码生成、流程图、代码美化、UI设计、插图制作，还有数据mock神器，助你成为更好的开发者和写作者。

可是从某个时间开始我们打开调试工具去看各大视频网站的视频src会发现，它们统统变成了这样的形式。 一，举例子： 拿b站的一个视频来看，红框中的视频地址，这个blob是个什么东西？。 Blob和Arra

在 JS 早期，想要实现流我们需要自己造轮子，如今 JS 也有了 Stream API 用于处理流，搭配强大的MSE流媒体播放，本文将带你实现一个简单且完整的流媒体播放音视频demo

可以把该对话框拆解为带圆角的普通矩形+三角形, 三角形可以借助border属性实现, 其中三角形占位可以借助CSS3的before、after伪元素实现. 实现原理：将2个三角形叠加、before的三角形边框颜色和外面框的保持一致, after的三角形边框设置成白色即可.

Shape Detection API 的发布已经有一些时日，其主要的提供的能力是给予前端直接可用的特征检测的接口（包括条形码、人脸、文本检测）。本文将简单的对其进行介绍，对前端进行人脸检测进行普适性的讲解。（本文不讲算法～望轻拍） 人脸检测（Face Detection）算是…

getUserMedia：可以获取本地的媒体流，一个流包含几个轨道，比如视频和音频轨道。 RTCPeerConnection：用于建立 P2P 连接以及传输多媒体数据。 RTCDataChannel：建立一个双向通信的数据通道，可以传递多种数据类型。 Peer A使用 ICE …

这篇文章开始会实现一个一对一WebRTC和多对多的WebRTC，以及基于屏幕共享的录制。本篇会实现信令和前端部分，信令使用fastity来搭建，前端部分使用Vue3来实现。 为什么要使用WebRTC

最近在做一个chrome app的云相机应用，应用包括拍照、摄像、保存照片视频、上传文件等等核心功能，其中涉及到很多HTML5对媒体流相关的API。写这篇文章的目的，其一是总结梳理知识点，最重要是希望对有相关需求的读者提供一些指导。 注：本篇文章以实战为准，理论知识不做过多介绍…