更改Web应用程序上视频捕获卡的视频输入

Question

我有Dazzle video capture card。它有两个视频输入：RCA和S-video。在Web应用程序上，我需要能够在这两个视频输入之间进行选择。我一直在浏览Media Streams API，但我找不到任何可以帮助我完成任务的内容。

修改

我能够列出设备，但此卡显示为单个设备。我需要更改此卡的视频输入。

Answer 1

使用getMediaDevices API首先列出可用设备并初始化getUserMedia()

如果您使用adapter.js

navigator.mediaDevices.getUserMedia({
    audio:true,
    video: {
        deviceId: {exact: DeviceId}
    }
  })

如果您不使用adapter.js

constraints: {
    audio: {optional: [{sourceId: DeviceId}]},
    video: {optional: [ {sourceId: DeviceId} ]}
}

查看demo