Skip to main content

Journal / Newsroom

Thoughts, technical deep dives, and product engineering logs.

Featured#WebRTC#RTP#实时通信

WebRTC 全景实战 (8)：RTP/RTCP 媒体传输与 QoS

RTP 包头结构、RTCP 反馈机制、Jitter Buffer、NACK/FEC 与 getStats API 解读

Rainy
Rainy雨落无声，代码成诗 —— 致力于技术与艺术的极致平衡
Read Article →
//
#WebRTC#实时通信

WebRTC 全景实战 (7)：DTLS 握手与 SRTP 加密体系

DTLS over UDP 握手流程、Certificate Fingerprint 验证、SRTP 密钥导出与 E2EE 入门

RainyRainy
Read→
//
#WebRTC#实时通信

WebRTC 全景实战 (6)：Data Channel 与 SCTP over DTLS

RTCDataChannel API、SCTP 多路复用、有序/无序传输与 P2P 数据传输实战

RainyRainy
Read→
//
#WebRTC#ICE

WebRTC 全景实战 (5)：ICE、STUN、TURN 与 NAT 穿透

ICE 状态机、Candidate 类型、STUN/TURN 原理、NAT 穿透失败排查与多播到单播的设计转折

RainyRainy
Read→
//
#WebRTC#SDP

WebRTC 全景实战 (4)：SDP 解剖与媒体协商

SDP 逐行解剖、Unified Plan、RTCRtpTransceiver、编解码器协商与 BUNDLE/rtcp-mux 深度解析

RainyRainy
Read→
//
#WebRTC#实时通信

WebRTC 全景实战 (3)：信令服务器设计与会话状态机

WebSocket 信令服务器、Room 状态机、SDP/ICE 转发、安全鉴权与生产级信令架构设计

RainyRainy
Read→
//
#WebRTC#实时通信

WebRTC 全景实战 (2)：第一个 P2P 视频通话

RTCPeerConnection 完整生命周期、JSEP Offer/Answer 模型、ICE Candidate 交换、Perfect Negotiation 与连接状态机，用手工信令跑通第一个端到端 P2P 视频通话

RainyRainy
Read→
//
#WebRTC#实时通信

WebRTC 全景实战 (1)：浏览器媒体 API 与设备管理

从 getUserMedia 到 MediaStreamTrack 生命周期：Constraints 语义、设备枚举与热切换、屏幕共享、权限模型、adapter.js 与 devicechange 事件，掌握 WebRTC 媒体采集的完整第一站

RainyRainy
Read→
//
#WebRTC#实时通信

WebRTC 全景实战 (0)：架构全景与协议栈地图

从零理解 WebRTC 的设计目标、协议栈分层、W3C API 与 IETF 标准对照，建立贯穿全系列的认知地图

RainyRainy
Read→
//
#Skills#AI

从 AI 糊墙到大师级 UI：高星前端 Agent Skills 终极精选与一键安装指南

按 UI 设计规范、设计系统、框架技能、性能体验四大类型，盘点 frontend-design、impeccable、vercel-labs/skills、pixijs-skills 等高星前端 Agent Skills，附场景化选型与 npx 一键安装指南。

RainyRainy
Read→