cxyi7

1. 介绍 Cropper.js 是一个轻量级的 JavaScript 插件，用于在网页中实现图像裁剪功能。它提供了一个用户友好的界面，允许用户选择和裁剪图像，支持多种配置...

简单介绍了如何在本地部署webrtc项目，将完成好的项目真正落地部署使用，冲冲冲冲冲冲冲冲冲冲冲冲冲冲冲冲...

大家好，我是前端之虎陈随易。 本文我将分享我自己做独立开发，做产品的一些心得经验。安心上班，专心搞钱。...

悄咪咪的，我的第5本著作《HTML并不简单》已经上架了。 每一本技术书籍都有前言，本书也不例外，不过，正式出版的前言并不是第一版内容，因为我没把住门，写太多了，又不想埋在草...

本小节记录了使用`mediasoup`中遇到的问题，分别是如何启动`mediasoup-demo`和移植到vue3中如何建立websocket连接。后续还会持续记录遇到的问...

好久没更新人文方面的东西了，随便聊聊，讲讲我观察到的一些行业变化。 主要两方面，一个是人的变化，一个是技术的变化，其中，人和技术的变化又是互相有所关联的，最终导致整个社区，...

mediasoup服务启动及建连、发布流程：mediasoup的信令连接、ICE连接及发布的流程。这里还是以mediasoup-demo为切入点，只聚焦核心流程...

将 PeerConnection 的 track 事件监听到的音轨进行本地播放，并调节其音量。 使用 AudioContext 处理音频源。 需要调节音量时，直接调用 Au...

本小节实现了使用peerjs库来实现音视频通话和消息通讯。简单介绍了peerjs的使用，以及分析了其使用的过程，其实和原生使用webrtc没什么太大区别，只是屏蔽了SDP交...

📺在数字时代，表情符号已成为我们沟通的延伸。大部分同学在平时沟通聊天中都少不了使用emoji表情，所以今天我们一起来编写一个emoji选择器组件，可以一键引入为你的输入框...

做一个真实上线的项目，至少需要域名、SSL 证书、云服务器和数据库。这次分享一下，我在做这个项目的过程中，上述这些服务我是如何以最低成本获取的，供大家参考。...

本小节介绍了如何使用Mesh方案来实现多人音视频通话。该方案的优点是延迟低、画质好、数据传输全在客户端，不经过服务器。但缺点也很明显，只限于4-5个人，当人数过多时，成本会...

一、动态rem适配方案：适合H5项目的适配方案 1. @media媒体查询适配 首先，我们需要设置一个根元素的基准值，这个基准值通常根据视口宽度进行计算。可以在项目的 CS...

本小节介绍了实现多人音视频的三种主流方案，Mesh方案、MCU方案和SFU方案。分析了他们的优缺点，以及实现思路。...

本小节介绍了如何实现一对多直播模式，只需在一对一的基础上进行小小的改动，一是将手动连接改为进入房间后自动连接；二是区分观众和主播，将观众的收发器改为只接收。这样就轻松的实现...

本小节介绍了如何实现虚拟背景。首先确定要实现效果，挑选合适模型，然后结合官方demo示例，在此基础上进行修改，将自定义图片作为背景，与模型切割出来的人物进行混合，达到虚拟背...

本小节介绍了三种实用功能，分别是桌面共享和摄像头内容的切换、使用外部视频替代摄像头和关闭/开启摄像头/麦克风。...

作为一个前端，了解接口文档的生成方式，以及实现一个接口文档自动生成、接口数据自动校验的工具。这有助于增加与后端联调过程中的幸福指数。...