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, или есть способ обойти эту проблему вообще.