我有一个套件可以记录用户的网络摄像头和麦克风。它在网页上效果很好，但在 Chrome 扩展程序中：
navigator.mediaDevices.getUserMedia({video: true, audio: true})
.then(this.record.bind(this))
.catch(VidRA.error);
正在投掷
NotAllowedError: Failed due to shutdown
我搜索并发现几乎没有任何东西可以解释这一点。有没有其他人遇到过这个问题，或者有人知道我能做些什么吗？
【问题讨论】：
标签： javascript google-chrome google-chrome-extension getusermedia
哇，这是雷区。
首先，这似乎是a bug（谢谢@wOxxOm）。
所以我们需要围绕它编写代码。
由于后台脚本在请求媒体访问时会产生这个错误，我们需要在其他地方请求它。如果您从弹出式 JS 中尝试，则会产生相同的错误，因此留下 content scripts。
那么，步骤如下：
内容脚本请求访问媒体设备
成功后，内容脚本通知后台脚本
收到消息后，后台脚本请求访问媒体设备；由于内容脚本已经成功，后台脚本现在也将成功
至关重要的是，内容脚本必须在扩展程序的上下文中运行，而不是当前网页（在活动选项卡中）。也就是说，内容脚本必须通过以 @987654323 开头的 URL 执行此操作@，由chrome.runtime.getURL()生成。
这样用户只被要求授予一次权限，因为他们的决定是在逐个域的基础上记住的。在扩展程序上下文而不是当前网页中运行脚本意味着始终在同一个基于扩展程序的域中询问权限（并记住该决定），而不是针对访问的每个网站域再次询问。
我的方法是拥有一个持久内容脚本（在 content_scripts 下的清单中指定），其工作是在打开扩展程序时将 iframe 注入当前选项卡的页面。
从扩展加载一个页面到 iframe，我们称之为iframe.html，它最终负责请求访问。
呼……
【讨论】：
navigator.mediaDevices.getUserMedia，然后向后台脚本发送一条消息，然后调用完全相同的函数，但现在我得到一个与第一个非常相似的错误：DOMException: Failed due to shutdown from后台脚本。任何想法，这里可能是什么问题？谢谢！
content_scripts 和"matches": ["<all_urls>"] 下？
Utkanos 的回答很棒，但不要忘记添加
frame.setAttribute("allow", "microphone; camera");
【讨论】：
在 manifesto.json 中包含这个为我解决了这个问题。
"web_accessible_resources": ["background.js"]
【讨论】：
chrome:// URL 允许在您的扩展程序中托管的资产可用于当前网页。