HTML摄像头本身不改善、不绕过、也不提升权限调用，navigator.mediaDevices.getUserMedia()是唯一权限入口；失败主因是file://协议、非HTTPS/localhost环境、非用户手势触发或用户已拒绝且未引导手动开启。
不能。HTML摄像头本身不改善、不绕过、也不提升权限调用——navigator.mediaDevices.getUserMedia() 就是权限调用的唯一入口，不是“解决方案”，而是“触发器”。所谓“改善”，实际是合规调用的问题：时机对不对、上下文安不安全、错误有没有分清楚、用户拒绝后怎么引导。
为什么 getUserMedia() 一调就报 NotAllowedError？
绝大多数 NotAllowedError 不是代码写错，而是浏览器直接拒绝执行，常见于：
- 页面通过
file://协议打开（双击 HTML 文件）→ 浏览器连弹窗都不给，直接 reject - 跑在
http://域名下（如http://test.example.com），且不是localhost→ Chrome ≥ 90 一律视为不安全上下文 - 调用不在用户手势链中：比如放在
window.addEventListener('load', ...)、setTimeout(..., 0)、fetch().then(...)里 → 浏览器判定“非用户主动发起”，静默拦截 - Vue/React 中事件处理器被声明为
async但没await实际操作 → 中断手势信任链，等价于异步调用
怎么判断权限状态并合理响应？
navigator.permissions.query({ name: 'camera' }) 能帮你区分“还没问过”“已允许”“已拒绝”，但要注意兼容性：
把任意文章或文档内容转换成精美的全屏翻页 HTML 演示文件（幻灯片风格）。当用户发来一篇文章、文档链接、Markdown 内容、或粘贴的文本，并且希望生成演示用的 HTML 时触发。支持任意内容来源：iWiki 链接、KM 链接、本地文件路径、直接粘贴的文本。生成的 HTML 文件保存到本地工作区，并通过企微直接发送给用户。触发词示例：帮我把这篇文章做成PPT、转成演示文档、生成HTML幻灯片、做个演示、转成可以演示的格式、article to deck、make a slide。
- 返回
state: "granted"→ 可直接调用getUserMedia() - 返回
state: "denied"→ 不要重试，getUserMedia()必定失败；应提示用户点击地址栏锁图标 → “网站设置” → 手动改回“允许” - 返回
state: "prompt"→ 用户还没点过，下次调用会弹窗 - 但 Safari 和旧版 Edge 不支持
permissions.query，必须先判断：if ('permissions' in navigator)
移动端和 iframe 场景下容易漏掉什么？
iOS Safari 和安卓 WebView 对约束和容器要求更严，漏掉一点就黑屏或静音：
- iFrame 必须带
allow="camera;microphone"属性，否则即使父页有权限，子帧也被隔离 - iOS 14.3+ 要求 video 约束显式声明
facingMode或宽高范围，否则返回空流；例如：{ video: { facingMode: 'user' } } - 音频请求时若省略
audio: true，某些 iOS 版本会连视频也拒绝；若需静音预览，应设video.muted = true，而不是删掉 audio - 部分安卓 WebView（如微信内置浏览器）在非全屏、非焦点状态下会禁用摄像头，调用前建议检查
document.hasFocus()
真正难的不是第一次调通，而是用户点了“拒绝”之后你还在 catch 里反复重试；或是把 getUserMedia() 塞进异步回调里，以为加个 await 就算用户手势了——其实浏览器只认同步执行链里的 click/touchstart/touchend。这些细节不处理，再好的 UI 也白搭。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
