Question

我在网上使用vidyo sdk，我想用vidyo UI实现的要求很少，

1.默认情况下，预览会出现在右上角，但我希望在远程人员加入呼叫后，在我已定义的div内左侧显示

2。我想要显示一个测试播放按钮，它反过来播放声音用于测试目的是vidyo里面有任何默认控制。

第3。我想听远程参与者麦克风静音事件我注册了RegisterRemoteMicrophoneEventListener，但它没有为远程麦克风更改触发，我把它放在CreateVidyoConnector然后运行。

Answer 1

要回答您的问题：

默认情况下，预览会在右上角显示，但我想在远程用户加入呼叫后在我定义的div的左上角显示

A：您可以使用我们的自定义布局选项（设置viewID：null）。您将在我们的WebSDK示例中看到示例实现：https://static.vidyo.io/4.1.22.9/package/VidyoClient-WebSDK.zip 使用自定义布局，您可以选择设计自己的布局/ CSS，并将本地预览和远程视频分配到所需的任何DIV中。

我想显示一个测试播放按钮，该按钮依次播放声音以进行测试，在vidyo中是否有默认控件。

A：我们没有任何API支持此功能。您应该在您的应用程序级别实现它。

我想收听我注册了RegisterRemoteMicrophoneEventListener的远程参与者麦克风静音事件，但是对于远程麦克风更改，它并没有触发，我把它放在CreateVidyoConnector然后起作用。

A：我用以下代码段进行了测试：

function registerRemoteEventListeners(vidyoConnector) {
    vidyoConnector.RegisterRemoteMicrophoneEventListener({
        onAdded: function (microphone, participant) {
            console.log("RegisterRemoteMicrophoneEventListener onAdded participant.id : " + participant.id);
        },
        onRemoved: function (microphone, participant) {
            console.log("RegisterRemoteMicrophoneEventListener onRemoved participant.id : " + participant.id);
        },
        onStateUpdated: function (microphone, participant, state) {
            // Camera state was updated
            console.log("RegisterRemoteMicrophoneEventListener onStateUpdated participant.id : " + participant.id + " and state: " + state);
        }
    }).then(function () {
        console.log("RegisterRemoteCameraEventListener Success");
    }).catch(function () {
        console.error("RegisterRemoteCameraEventListener Failed");
    });
}

当其他参与者将麦克风静音/取消静音时，我将在控制台中收到如下输出：

onStateUpdated participant.id : 069b1adcca520910 and state: VIDYO_DEVICESTATE_Paused
onStateUpdated participant.id : 069b1adcca520910 and state: VIDYO_DEVICESTATE_Resumed

使用Vidyo Sdk for Javascript，想要在特定容器中显示预览而不是给定容器

1 个答案: