React Native:在视频流顶部显示 OpenTok 发布者的名称

Question

我正在尝试使用 OpenTok React Native 包让发布者的名称显示在视频流的顶部（在发布者和订阅者的端）。

根据 OTPublisher 组件的文档，只需将name键作为属性之一传递即可。

我尝试向属性添加名称并将其传递给 OTPublisher 组件，但它不会显示在发布服务器或订阅服务器上。我需要做其他事情吗？

这是我正在使用的示例代码：

class App extends Component {
  constructor(props) {
    super(props);
    this.publisherProperties = {
      publishAudio: false,
      cameraPosition: 'front',
      name: 'Test Name'
    };
    this.publisherEventHandlers = {
      streamCreated: event => {
        console.log('Publisher stream created!', event);
      },
      streamDestroyed: event => {
        console.log('Publisher stream destroyed!', event);
      }
    };
  }
  render() {
    return (
      <OTSession apiKey="your-api-key" sessionId="your-session-id" token="your-session-token">
        <OTPublisher
          properties={this.publisherProperties}
          eventHandlers={this.publisherEventHandlers}
          style={{ height: 100, width: 100 }}
        />
      </OTSession>
    );
  }
}

Answer 1

TokBox 开发者布道者在这里。

OpenTok React Native 库呈现由 OpenTok iOS 和 Android SDK 提供支持的原生视图。这些移动 SDK 不支持叠加在其上name的视频渲染，目前只能使用 OpenTok JS SDK 进行渲染。

如果您在 Web 上订阅了同一会话（您可以使用 OpenTok Playground 工具对其进行测试），您将看到设置 name 属性有效。