iOS Safari 中 需加 capture="environment" 才能调用后置摄像头；getUserMedia() 需 HTTPS + 用户手势触发；Canvas 导出 JPEG 需设 colorSpace: "srgb" 或改用 toBlob()；WKWebView 需原生配置权限并添加 NSCameraUsageDescription。
HTML5
iOS Safari 对 的行为有严格限制：默认只打开图库，不自动唤起摄像头。必须显式声明 capture="environment" 或 capture="user" 才能绕过图库、直连摄像头。
-
capture="environment"优先调用后置摄像头（多数场景推荐） -
capture="user"尝试前置，但 iOS 可能仍 fallback 到图库（尤其在旧版本或某些 WebView 中） - 仅 Safari 和基于 WebKit 的 WebView（如 WKWebView）支持该属性；UIWebView 已废弃且不支持
- 必须是用户手势触发（如
click、touchend），不能由setTimeout或 Promise resolve 后自动调用，否则被静默拦截
iOS 上 getUserMedia() 拍照黑屏或报错 NotAllowedError
直接调用 navigator.mediaDevices.getUserMedia({ video: true }) 在 iOS Safari 中需要满足两个硬性条件，缺一不可：
- 页面必须通过 HTTPS 提供（
localhost例外，开发时可用） - 必须由用户主动交互（如按钮点击）触发，且不能跨异步任务链丢失上下文（例如
button.addEventListener('click', () => fetch(...).then(() => getUserMedia()))会失败） - 若返回
NotAllowedError，大概率是权限未授予或触发方式不合规；可检查地址栏左侧是否出现「锁形图标 + “网站正在使用摄像头”」提示 - iOS 16.4+ 支持
video: { facingMode: "environment" }，但部分机型仍可能 fallback 到前置，建议捕获MediaStreamTrack.getSettings()确认实际设备
拍完照片后 Canvas 导出为 JPEG，iOS Safari 色彩偏暗或压缩异常
这是因为 iOS Safari 的 canvas.toDataURL("image/jpeg") 默认使用 sRGB 色彩空间，而部分 iPhone 拍摄的视频流自带 P3 广色域元数据，导致导出 JPEG 明显发灰。
-
解决方法：强制指定 canvas 的
colorSpace为"srgb"（需配合getContext("2d", { colorSpace: "srgb" })） - 更稳妥做法是改用
canvas.toBlob()并手动设置质量（0.8～0.95），避免toDataURL的 base64 编码开销和兼容性问题 - 注意：
toBlob是异步的，别在回调外直接读取 blob URL；且 iOS 15.4 前不支持toBlob的第三个参数（mime type），需降级处理
WKWebView 中 HTML5 摄像头完全无响应？
原生 iOS App 内嵌 WKWebView 时，默认禁止访问摄像头——即使网页代码完全正确，也会静默失败，不抛错也不弹权限框。
立即学习“前端免费学习笔记（深入）”；
- 必须在原生层显式配置：
configuration.mediaTypesRequiringUserActionForPlayback = []（允许自动播放音视频） - 更重要的是，需设置
configuration.preferences.setValue(true, forKey: "mediaCaptureRequiresUserAction")为false（iOS 16.4+ 推荐用新 APIsetAllowsInlineMediaPlayback(true)） - 还需确保 Info.plist 中已添加
NSCameraUsageDescription描述，否则系统根本不会向用户请求授权 - 真机调试时，用 Safari 连接 Web Inspector 查看 Console，比 Xcode 日志更容易捕获
NotReadableError或SecurityError
