使用 OpenTok 添加自定义按钮的正确方法答案

【问题标题】：Correct way to add custom buttons with OpenTok使用 OpenTok 添加自定义按钮的正确方法
【发布时间】：2018-03-08 06:38:58
【问题描述】：

我正在使用 OpenTok 在 React 中为 Web 构建一个视频应用程序。 OpenTok 内置了按钮，用于为发布者静音麦克风和为订阅者静音。就我而言，我还需要为发布者和订阅者设置静音按钮。

我没有在文档中看到有关静音视频按钮的任何内容，因此我使用 subscribeToVideo 自己构建了该功能。问题是我想在静音音频按钮旁边添加一个具有此功能的按钮，但我在文档中没有找到任何关于自定义按钮的信息。

所以我的问题是：向 OpenToks 栏添加自定义按钮的最佳方式是什么？

当然，我可以在 html 上附加一个按钮并自己设置样式，但感觉很难看，我不知道后果是什么。如果没有其他方法，我想这是我的备用解决方案。

将来我可能还需要添加其他按钮，所以我真的希望 OpenTok 支持自定义按钮，只是我还没有找到如何做到这一点。

【问题讨论】：

标签： reactjs web opentok tokbox

【解决方案1】：

这里是 TokBox 开发者宣传员。

我们没有任何关于自定义按钮的文档，但您可以在video element. 上为视频和静音按钮提供三个选项

如果您想要一个自定义按钮，则必须将其附加到 HTML 并像您所说的那样切换 subscribeToVideo 和 subscribeToAudio 属性。

【讨论】：

【解决方案2】：

这是一个添加静音视频按钮https://opentok.github.io/opentok-web-samples/React-Basic-Video-Chat/的反应示例

我建议您将 buttonDisplayMode 设置为关闭，然后使用subscriber.subscribeToAudio() 和 publisher.publishAudio() 重新创建静音音频按钮。这种方式，如果例如。 opentok UI 略有变化，这对你来说并不重要，而且你可以让它看起来像你想要的那样。

【讨论】：