Правильный способ добавления пользовательских кнопок с OpenTok

Я создаю видеоприложение для Интернета в React, используя OpenTok. OpenTok имеет встроенные кнопки для отключения микрофона для издателя и отключения звука для подписчиков. В моем случае мне также нужны кнопки для отключения видео как для издателя, так и для подписчика.

Я ничего не видел в документации о кнопке отключения звука видео, поэтому я сам создал эту функциональность с помощью subscribeToVideo. Проблема в том, что я хочу добавить кнопку с таким функционалом рядом с кнопкой отключения звука, но в документации ничего не нашел про настраиваемые кнопки.

Итак, мой вопрос: как лучше всего добавить пользовательские кнопки на панель OpenToks?

Конечно, я мог бы добавить кнопку в html и стилизовать ее самостоятельно, но это выглядит некрасиво, и я не знаю, каковы последствия. Я думаю, это мое резервное решение, если нет другого пути.

В будущем мне, вероятно, потребуется добавить и другие кнопки, поэтому я очень надеюсь, что OpenTok поддерживает пользовательские кнопки, и что только я не нашел, как это сделать.


person Ken Q    schedule 07.03.2018    source источник


Ответы (2)


Евангелист-разработчик TokBox здесь.

У нас нет документации по пользовательским кнопкам, но у вас есть три варианта кнопок видео и отключения звука на странице элемент видео.

Если вам нужна пользовательская кнопка, вам придется добавить ее в HTML и переключить свойства subscribeToVideo и subscribeToAudio, как вы сказали.

person Manik    schedule 07.03.2018

Вот пример реакции, которая добавляет кнопку отключения видео https://opentok.github.io/opentok-web-samples/React-Basic-Video-Chat/

Я бы порекомендовал вам просто отключить кнопку DisplayMode, а затем воссоздать кнопку отключения звука, просто используя subscriber.subscribeToAudio() и publisher.publishAudio(). Таким образом, если, например. пользовательский интерфейс opentok немного меняется, это не имеет значения для вас, плюс вы можете сделать так, чтобы все выглядело так, как вы хотите.

person Adam Ullman    schedule 07.03.2018