javascript - Chrome MediaStreamTrack.getSources() 返回标签为空的来源

Question

我用了simpl.info代码为例。在他们的示例中，我可以在“视频源”选择中看到“TOSHIBA Web Camera - HD (13d3:5606)”。因此，他们可以检索源的标签属性。我可以很容易地获得资源，但标签是空的:

SourceInfo {facing: "", label: "", kind: "video", id: "0c2c5a2bf359a3ced6d7d39efe2f40477f50d5627df618a6f1998b5142437b27"}

这是我的代码:

$(document).ready(function ()
{
    if (navigator.getUserMedia)
    {
        if (typeof MediaStreamTrack.getSources !== 'undefined')
        {
            MediaStreamTrack.getSources(gotSources);
        }
    }
});

function gotSources(sourceInfos)
{
    for (var i = 0; i < sourceInfos.length; i++)
    {
        var sourceInfo = sourceInfos[i];

        if (sourceInfo.kind == 'video')
        {
            console.log(sourceInfo);
        }
    }
}

Answer 1

如 answer #4 中所述, 用户必须已经授予页面使用媒体设备的权限才能填充标签。通过 HTTPS 提供服务时，浏览器会记住在后续加载时授予的权限，因此在请求媒体之前已授予权限。使用 HTTP 而不是 HTTPS 时，必须在 MediaStreamTrack.getSources 填充标签之前发出并接受 getUserMedia 请求。

我试过了 simpl.info在另一台计算机上，正如预期的那样，label 第一次为空，第二次后填充。