React Native : Afficher le nom de l'éditeur OpenTok en haut du flux vidéo

Question

J'essaie d'afficher le nom de l'éditeur en haut du flux vidéo (à la fois du côté de l'éditeur et de l'abonné) en utilisant le paquet OpenTok React Native.

D'après la documentation de l Composant OTPublisher il devrait suffire de passer dans le fichier name comme l'une des propriétés.

J'ai essayé d'ajouter le nom aux propriétés et de le transmettre au composant OTPublisher, mais il ne s'affiche ni sur le Publisher ni sur le Subscriber. Dois-je faire quelque chose d'autre ?

Voici l'exemple de code avec lequel je travaille :

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

Ici TokBox Developer Evangelist.

La bibliothèque OpenTok React Native rend des vues natives qui sont alimentées par les SDK iOS et Android d'OpenTok. Ces SDK mobiles ne prennent pas en charge le rendu de la vidéo avec la bibliothèque React Native. name superposé, qui n'est actuellement disponible qu'en utilisant le SDK OpenTok JS.

Si vous vous abonnez à la même session sur le web (vous pouvez le tester à l'aide de la commande Outil OpenTok Playground ), vous verriez que la définition de la propriété name fonctionne.