跳到主要内容

Journal / Newsroom

Thoughts, technical deep dives, and product engineering logs.

Featured#WebRTC#ICE#STUN/TURN

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

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

Rainy
Rainy雨落无声，代码成诗 —— 致力于技术与艺术的极致平衡
Read Article →
//
#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→
//
#GPT-Image-2#图像生成

Awesome GPT-Image-2 提示词画廊：378 个案例全量分类拆解

把 awesome-gpt-image-2 的 378 张案例图整理成可学习的 Tab 交互画廊：按 UI、信息图、海报、商品、品牌、摄影、插画、角色、空间、文档等类型展示图片与提示词。

RainyRainy
Read→
//
#OpenAI#GPT-Image-2

GPT-Image-2 深度解析：OpenAI 最强图像生成模型与提示词实战指南

全面解析 OpenAI GPT-Image-2 图像生成模型：核心特性、API 调用、场景对比、提示词工程与社区精选案例，助你从零掌握 AI 生图的前沿实践。

RainyRainy
Read→
//
#NFC#MIFARE

NFC 安全芯片深度解析：MIFARE DESFire EV1/EV2/EV3、NTAG DNA 与 TAPLINX 全链路指南

全面解析 NXP MIFARE DESFire 三代演进（EV1/EV2/EV3）、NTAG DNA 防伪认证芯片、TAPLINX 云管理平台，以及开源实战方案

RainyRainy
Read→