React360 показывает пустой пробел в OpenTok

Я пытаюсь объединить React360 и OpenTok, чтобы создать собственное приложение реагирования, где пользователи могут видеть экран друг друга во время навигации по среде React360 VR. React360 отображается с помощью веб-просмотра, который указывает на файл HTML, который хранится на сервере.

В настоящее время мне удалось использовать OpenTok (response-native-opentok) для соединения двух устройств, а также показать React360 в веб-обозрении.

Проблема в; среда в React360 не отображается в OpenTok Publisher или Subscriber (ни изображение, ни кнопка, ни представление). Вместо этого он показывает только пустой экран с указателем направления камеры (из React360). Индикатор направления камеры (в издателе / ​​подписчике) перемещается, когда я перемещаю камеру, что означает, что это не тот случай, когда вид не обновляется.

При запуске приложения в консоли ошибка не отображается.

Ниже приведен код, который я использую для отображения экрана:

  render() {
    return (
      <View style={styles.container}>
        <ScreenCapture>
          <WebView style={styles.webContainer}
                   source={{uri: URL_REACT360 + IMAGE_CATHE}}
                   scalesPageToFit={true}
                   allowUniversalAccessFromFileURLs={true}
                   javaScriptEnabled={true}
                   onError={(e)=>{console.log(e)}} />
        </ScreenCapture>

        <Subscriber sessionId={SESSION_ID}
                    style={styles.subscriber}
                    onSubscribeError={this.onSubscribeError} />

        <Publisher sessionId={SESSION_ID}
                   screenCapture={this.state.showScreen}
                   mute={this.state.isMute}
                   style={styles.publisher}
                   ref={this.setRefPublisher}
                   onPublishError={this.onPublishError} />
      </View>
    );
  }

РЕДАКТИРОВАТЬ:

После дополнительных исследований и испытаний; Я заметил, что попытка показать любой сайт webGL приведет к тому, что OpenTok будет отображаться пустым. По словам сотрудников React360, среда создается в webGL, а индикатор - это просто элементы HTML, которые объясняют текущую ситуацию. Однако я не уверен, является ли это проблемой OpenTok или WebRTC, или есть способ обойти эту проблему вообще.

0 ответов

Другие вопросы по тегам