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

Art*_*Rey 4 javascript jquery google-chrome getusermedia

我以simpl.info代码为例。在他们的示例中,我可以在“视频源”选择中看到“ TOSHIBA Web Camera-HD(13d3:5606)”。因此,他们可以检索源的label属性。我可以轻松获取来源,但标签为空:

SourceInfo {facing: "", label: "", kind: "video", id: "0c2c5a2bf359a3ced6d7d39efe2f40477f50d5627df618a6f1998b5142437b27"}
Run Code Online (Sandbox Code Playgroud)

这是我的代码:

$(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);
        }
    }
}
Run Code Online (Sandbox Code Playgroud)

Art*_*Rey 5

答案4所述,用户必须已授予页面使用介质设备的权限,以便获得label填充。通过HTTPS提供服务时,浏览器将记住在后续加载中授予的权限,因此该权限将在请求媒体之前被授予。当使用HTTP而非HTTPS时,必须先发出并接受getUserMedia请求,然后MediaStreamTrack.getSources才能填充标签。

我在另一台计算机上尝试了simpl.info,并且按预期的那样label第一次是空的,第二次之后就填充了。