1

我正在使用 vidyo sdk for web，我想用 vidyo UI 实现的要求很少，

1.默认情况下，预览在右上角，但我想在我定义的 div 内的左角显示，一旦远程人加入通话

2.我想显示一个测试播放按钮，它会播放声音以进行测试，vidyo内部是否有任何默认控件。

3. 我想收听远程参与者麦克风静音事件我注册了 RegisterRemoteMicrophoneEventListener 但它没有触发远程麦克风更改，我把它放在 CreateVidyoConnector then 函数之后。

4

1 回答 1

0

要回答您的问题：

  1. 默认情况下，预览出现在右上角，但我想在我定义的 div 内的左角显示，一旦远程人员加入通话

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

  1. 我想显示一个测试播放按钮，该按钮会播放声音以进行测试，vidyo 内部是否有任何默认控件。

答：我们没有任何 API 来支持此功能。您应该在您的应用程序级别实现这一点。

  1. 我想听我注册的远程参与者麦克风静音事件，RegisterRemoteMicrophoneEventListener但它没有因为远程麦克风更改而触发，我把它放在 CreateVidyoConnector then 函数之后。

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
于 2018-07-27T08:20:48.290 回答