跳到主要内容

2 篇博文 含有标签「前端开发」

现代前端开发技术与最佳实践

查看所有标签

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

· 阅读需 24 分钟
Rainy
雨落无声,代码成诗 —— 致力于技术与艺术的极致平衡

"在建立任何 P2P 连接之前,你得先拿到媒体。"

上一篇 Ch0 架构全景 我们画了协议栈地图。本章从栈顶最直观的入口开始:如何把摄像头、麦克风和屏幕变成浏览器里的 MediaStream

Serge Lachapelle 在 WebRTC for the Curious — 历史 中回忆:Gmail 语音视频聊天的前身需要分别授权 GIPS 音频、Vidyo 视频、libjingle 网络三个子系统,"每个子系统都有完全不同的 API"。WebRTC 标准化工作的核心目标之一,就是把 媒体采集 这一层统一成开发者今天使用的 navigator.mediaDevices API——让你不必再为每个浏览器插件写一套集成代码。

配套代码:examples/webrtc-lab/client/ch01-media-devices/

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

· 阅读需 9 分钟
Rainy
雨落无声,代码成诗 —— 致力于技术与艺术的极致平衡

AI 写前端很快,但默认产出往往「能跑、能看、却一眼 AI 味」——紫色渐变、Inter 字体、嵌套灰卡片、inline 样式、过时的框架 API。问题不在模型能力,而在缺少分层约束:该管审美的没管审美,该管框架写法的没管写法,该管性能的没管性能。

Agent Skills 就是给 AI 的分层外挂:UI 规范管视觉,设计系统管组件与合规,框架技能管技术栈正确性,性能技能管 Web Vitals。本文按这四类体系整理 7 个高星前端 Skill,并给出场景化组合与 npx skills add 安装方式。