React Native: отображать имя OpenTok Publisher поверх видеопотока - PullRequest
Новая
       8

React Native: отображать имя OpenTok Publisher поверх видеопотока

0 голосов
/ 25 января 2019

Я пытаюсь заставить имя издателя отображаться поверх видеопотока (как на стороне издателя, так и на стороне подписчика) с помощью пакета 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>
    );
  }
}

1 Ответ

0 голосов
/ 25 января 2019

Список разработчиков TokBox здесь.

Собственная библиотека OpenTok React отображает собственные представления, созданные на основе OpenTok iOS и Android SDK.Эти мобильные SDK не поддерживают рендеринг видео с наложенным поверх него символом name, который в настоящее время доступен только с использованием OpenTok JS SDK.

Если вы подписаны на тот же сеанс в Интернете (Вы можете проверить это, используя OpenTok Playground tool ), вы увидите, что настройка свойства name работает.

...