React Native OpenTok Subscriber FullScreen

166 views Asked by At

Hello everyone I'm using opentok-react-native": "^0.20.3" with react-native: "0.61.5" .

The issue is OTSubscriber component zooms in when used with style width and height of 100%. I want to use OTSubscriber on fullscreen.

I'm trying to build a screen with live stream(OTSubscriber) in fullscreen fit 1:1.

After all I couldn't find any solutions, I tried using resolution in subscriber properties in OTSubscriber.

I'm using iOS and developing with react-native. Here is the sample code:

<OTSession
      apiKey={this.state.apiKey}
      sessionId={this.state.sessionId}
      token={this.state.token}
      options={{
        iceConfig: {
          transportPolicy: 'all',
          includeServers: 'all',
          customServers: [],
        },
      }}>
      <OTSubscriber
        properties={subscriberProperties}
        style={{width: deviceWidth, height: deviceHeight * 0.5}}
        // style={{width: 400,
        //   height: 300,}}
        eventHandlers={subscriberEventHandlers}
      />
</OTSession>
0

There are 0 answers