Chrome MediaStreamTrack.getSources() 返回带有空标签的源答案

【问题标题】：Chrome MediaStreamTrack.getSources() returns sources with empty labelChrome MediaStreamTrack.getSources() 返回带有空标签的源
【发布时间】：2014-12-10 18:44:01
【问题描述】：

我以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);
        }
    }
}

【问题讨论】：

我也碰到了这个。在文档中，如果用户没有批准使用他/她的相机/麦克风的权限，则说明标签为空，但对我来说，即使我有权限，问题仍然存在。获得许可后能否尝试查询来源？

标签： javascript jquery google-chrome getusermedia

【解决方案1】：

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

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

【讨论】：