The <Usermedia> HTML Element
11 days ago
- #User Permissions
- #Web Development
- #HTML
- Chrome 151 引入了 <usermedia> HTML 元素，这是能力元素套件的一部分，它将通用的权限提示转变为针对摄像头和麦克风访问的声明式控制。
- 该元素通过减少样板代码、通过物理交互提供明确的用户意图，并为之前被拒绝的权限实现无缝恢复，从而提升了安全性和用户体验。
- 来自 Origin Trial 的实际数据显示了显著的改进：思科的权限授予率从 10% 跃升至 65% 以上，Zoom 报告捕获错误减少了 46.9%，Google Meet 指出'麦克风无法使用'的反馈下降了 17%。
- 实现涉及在 HTML 中添加 <usermedia> 标签，使用 setConstraints() 来设置硬件偏好，并处理 'stream'、'error' 和 'cancel' 等事件以应对成功访问、失败或用户取消的情况。
- 该元素强制执行样式限制以确保可读性、尺寸和视觉完整性，防止欺骗性设计，并支持渐进增强，对于不支持的浏览器，会回退到传统的 getUserMedia() API。