Используя Vidyo Sdk для Javascript, вы хотите показать предварительный просмотр в определенном контейнере вместо заданного контейнера.

Я использую vidyo sdk для Интернета, у меня есть несколько требований, которые я хочу реализовать с помощью пользовательского интерфейса vidyo,

1. по умолчанию предварительный просмотр появляется в правом углу, но я хочу показать, что в левом углу внутри элемента div, который я определил, как только удаленный пользователь присоединяется к вызову

<сильный>2. Я хочу показать кнопку тестового воспроизведения, которая, в свою очередь, воспроизводит звук для проверки, есть ли какой-либо элемент управления по умолчанию для этого внутри видео.

<сильный>3. Я хочу прослушивать события отключения микрофона удаленного участника. Я зарегистрировал RegisterRemoteMicrophoneEventListener, но он не срабатывает при изменении удаленного микрофона, я поместил его после функции CreateVidyoConnector.


javascript vidyo
person Sarva Raghavan    schedule 06.04.2018    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Чтобы ответить на ваши вопросы:

  1. По умолчанию предварительный просмотр происходит в правом углу, но я хочу показать, что в левом углу внутри div, который я определил, как только удаленный человек присоединяется к вызову

A: Вы можете использовать наш собственный вариант макета (установка viewID: null). Вы увидите пример реализации в нашем образце WebSDK: https://static.vidyo.io/4.1.22.9/package/VidyoClient-WebSDK.zip С пользовательским макетом у вас будет возможность создать свой собственный макет/CSS и назначить локальный предварительный просмотр и удаленное видео в любой DIV по вашему желанию.

  1. Я хочу показать кнопку тестового воспроизведения, которая, в свою очередь, воспроизводит звук для проверки, есть ли какой-либо элемент управления по умолчанию для этого внутри видео.

О: У нас нет API для поддержки этой функции. Вы должны реализовать это на уровне вашего приложения.

  1. Я хочу прослушивать события отключения микрофона удаленного участника. Я зарегистрировал 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
person Patrick    schedule 27.07.2018