opentok-react-native订阅者崩溃Android应用程序

问题描述 投票:0回答:1

我正在尝试实现OpenTok Lib for react-native但我面临一些我无法想象的问题。第一个,我认为最重要的是,我不能作为订阅者连接到会话而不会崩溃应用程序,这只发生在Android设备上,为此我无法看到它是否正在处理两个之间的连接手机。

我究竟做错了什么?


约定

import React, { Component } from 'react';
import { OTSession } from 'opentok-react-native';

import { TokBox } from '../../../helpers/constants';
import PublisherStream from './PublisherStream';
import SubscriberStream from './SubscriberStream';

class Appointment extends Component {
  static navigationOptions = {
    header: null
  };

  render() {
    const { navigation: { navigate, state: { params } } } = this.props;
    return (
      <OTSession style={{ flex: 1 }}
        apiKey={TokBox.API_KEY}
        sessionId={params.sessionId}
        token={params.token}
        eventHandlers={this.sessionEventHandlers}>
        <PublisherStream style={{ borderColor: 'red', borderWidth: 3, height: '50%' }} />
        <SubscriberStream style={{ borderColor: 'blue', borderWidth: 3, height: '50%' }} />
      </OTSession>
    );
  }
}

export default Appointment;

PublisherStream

import React, { Component } from 'react';
import { OTPublisher } from 'opentok-react-native';

class PublisherStream extends Component {
  publisherEventHandlers = {
    streamCreated: (event) => {
      console.log('Publisher stream created!', event);
    },
    streamDestroyed: (event) => {
      console.log('Publisher stream destroyed!', event);
    }
  };


  render() {
    return (
      <OTPublisher style={this.props.style} eventHandlers={this.publisherEventHandlers} />
    );
  }
}

export default PublisherStream;

SubscriberStream

import React, { Component } from 'react';
import { OTSubscriber } from 'opentok-react-native';

class SubscriberStream extends Component {
  subscriberProperties = {
    subscribeToAudio: true,
    subscribeToVideo: true,
  };

  subscriberEventHandler = {
    connected(event) {
      console.log('connected', event);
    },
    disconnected(event) {
      console.log('disconnected', event);
    },
    videoDataReceived(event) {
      console.log('videoDataReceived', event);
    },
    videoEnabled(event) {
      console.log('videoEnabled', event);
    },
    videoNetworkStats(event) {
      console.log('videoNetworkStats', event);
    }
  };

  render() {
    return (
      <OTSubscriber
        properties={this.subscriberProperties}
        eventHandlers={this.subscriberEventHandler}
        style={this.props.style}
      />
    );
  }
}

export default SubscriberStream;

的package.json

{
  {...omitted}
  "dependencies": {
    "opentok-react-native": "^0.9.5",
    "react": "^16.8.1",
    "react-native": "0.58.4",
  },
  {...omitted}
}

javascript android react-native opentok
1个回答
1
投票

实际上,问题是我试图从订阅者流式传输视频,这不能以这种方式完成....

答案就在这里:https://github.com/opentok/opentok-react-native/issues/239

© www.soinside.com 2019 - 2024. All rights reserved.