javascript - Chrome 扩展麦克风捕获

Question

我有一个 browser_action 扩展，用户可以在其中按 start 和 stop 以捕获一些音频输入。记录文件后，我想将其 url 转储到控制台中。问题是我无法访问麦克风。到目前为止，这是我尝试过的:

navigator.webkitGetUserMedia - 不起作用，navigator.webkitGetUserMedia({ audio: true },...); 使用 MediaDeviceFailedDueToShutdown 调用错误回调。我试着调查那个错误，但我发现没有任何用处。该错误无处可寻。

你能指引我走上正确的道路吗？谢谢。

Answer 1

所以事实证明，我必须从嵌入到扩展程序本身的 html 页面中获取用户媒体。在用户授予对麦克风的访问权限后，扩展程序的后台脚本也可以访问它。

在我的例子中，安装后我启动请求访问的 welcome.html 页面:

background.js

chrome.runtime.onInstalled.addListener((details) => {
    if (details.reason.search(/install/g) === -1) {
        return
    }
    chrome.tabs.create({
        url: chrome.runtime.getURL("welcome.html"),
        active: true
    })
})

welcome.js

navigator.mediaDevices.getUserMedia({ audio: true })
.then(stream => {...})
.catch(err => {...})